mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-08-23 18:26:39 +02:00
chore: Reorder fields in examples
This commit is contained in:
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic System Architecture',
|
title: 'Basic System Architecture',
|
||||||
|
isDefault: true,
|
||||||
code: `architecture-beta
|
code: `architecture-beta
|
||||||
group api(cloud)[API]
|
group api(cloud)[API]
|
||||||
|
|
||||||
@@ -18,7 +19,6 @@ export default {
|
|||||||
db:L -- R:server
|
db:L -- R:server
|
||||||
disk1:T -- B:server
|
disk1:T -- B:server
|
||||||
disk2:T -- B:db`,
|
disk2:T -- B:db`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic Block Layout',
|
title: 'Basic Block Layout',
|
||||||
|
isDefault: true,
|
||||||
code: `block-beta
|
code: `block-beta
|
||||||
columns 1
|
columns 1
|
||||||
db(("DB"))
|
db(("DB"))
|
||||||
@@ -21,7 +22,6 @@ columns 1
|
|||||||
ID --> D
|
ID --> D
|
||||||
C --> D
|
C --> D
|
||||||
style B fill:#969,stroke:#333,stroke-width:4px`,
|
style B fill:#969,stroke:#333,stroke-width:4px`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
'Visualize software architecture using the C4 model (Context, Container, Component, Code)',
|
'Visualize software architecture using the C4 model (Context, Container, Component, Code)',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Internet Banking System Context',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `C4Context
|
code: `C4Context
|
||||||
title System Context diagram for Internet Banking System
|
title System Context diagram for Internet Banking System
|
||||||
@@ -41,7 +42,6 @@ export default {
|
|||||||
BiRel(SystemAA, SystemE, "Uses")
|
BiRel(SystemAA, SystemE, "Uses")
|
||||||
Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
|
Rel(SystemAA, SystemC, "Sends e-mails", "SMTP")
|
||||||
Rel(SystemC, customerA, "Sends e-mails to")`,
|
Rel(SystemC, customerA, "Sends e-mails to")`,
|
||||||
title: 'Internet Banking System Context',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,6 +6,7 @@ export default {
|
|||||||
description: 'Visualize class structures and relationships in object-oriented programming',
|
description: 'Visualize class structures and relationships in object-oriented programming',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Basic Class Inheritance',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `classDiagram
|
code: `classDiagram
|
||||||
Animal <|-- Duck
|
Animal <|-- Duck
|
||||||
@@ -28,7 +29,6 @@ export default {
|
|||||||
+bool is_wild
|
+bool is_wild
|
||||||
+run()
|
+run()
|
||||||
}`,
|
}`,
|
||||||
title: 'Basic Class Inheritance',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic ER Schema',
|
title: 'Basic ER Schema',
|
||||||
|
isDefault: true,
|
||||||
code: `erDiagram
|
code: `erDiagram
|
||||||
CUSTOMER ||--o{ ORDER : places
|
CUSTOMER ||--o{ ORDER : places
|
||||||
ORDER ||--|{ ORDER_ITEM : contains
|
ORDER ||--|{ ORDER_ITEM : contains
|
||||||
@@ -30,7 +31,6 @@ export default {
|
|||||||
int quantity
|
int quantity
|
||||||
float price
|
float price
|
||||||
}`,
|
}`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,6 +6,7 @@ export default {
|
|||||||
description: 'Visualize flowcharts and directed graphs',
|
description: 'Visualize flowcharts and directed graphs',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Basic Flowchart',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `flowchart TD
|
code: `flowchart TD
|
||||||
A[Christmas] -->|Get money| B(Go shopping)
|
A[Christmas] -->|Get money| B(Go shopping)
|
||||||
@@ -13,7 +14,6 @@ export default {
|
|||||||
C -->|One| D[Laptop]
|
C -->|One| D[Laptop]
|
||||||
C -->|Two| E[iPhone]
|
C -->|Two| E[iPhone]
|
||||||
C -->|Three| F[fa:fa-car Car]`,
|
C -->|Three| F[fa:fa-car Car]`,
|
||||||
title: 'Basic Flowchart',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,6 +6,7 @@ export default {
|
|||||||
description: 'Visualize project schedules and timelines',
|
description: 'Visualize project schedules and timelines',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Basic Project Timeline',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `gantt
|
code: `gantt
|
||||||
title A Gantt Diagram
|
title A Gantt Diagram
|
||||||
@@ -16,7 +17,6 @@ export default {
|
|||||||
section Another
|
section Another
|
||||||
Task in sec :2014-01-12 , 12d
|
Task in sec :2014-01-12 , 12d
|
||||||
another task : 24d`,
|
another task : 24d`,
|
||||||
title: 'Basic Project Timeline',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic Git Flow',
|
title: 'Basic Git Flow',
|
||||||
|
isDefault: true,
|
||||||
code: `gitGraph
|
code: `gitGraph
|
||||||
commit
|
commit
|
||||||
branch develop
|
branch develop
|
||||||
@@ -22,7 +23,6 @@ export default {
|
|||||||
commit
|
commit
|
||||||
checkout main
|
checkout main
|
||||||
merge feature`,
|
merge feature`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,8 +6,8 @@ export default {
|
|||||||
description: 'Visualize work items in a Kanban board',
|
description: 'Visualize work items in a Kanban board',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
isDefault: true,
|
|
||||||
title: 'Kanban Diagram',
|
title: 'Kanban Diagram',
|
||||||
|
isDefault: true,
|
||||||
code: `---
|
code: `---
|
||||||
config:
|
config:
|
||||||
kanban:
|
kanban:
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic Mindmap',
|
title: 'Basic Mindmap',
|
||||||
|
isDefault: true,
|
||||||
code: `mindmap
|
code: `mindmap
|
||||||
root((mindmap))
|
root((mindmap))
|
||||||
Origins
|
Origins
|
||||||
@@ -24,7 +25,6 @@ export default {
|
|||||||
Tools
|
Tools
|
||||||
Pen and paper
|
Pen and paper
|
||||||
Mermaid`,
|
Mermaid`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'TCP Packet',
|
title: 'TCP Packet',
|
||||||
|
isDefault: true,
|
||||||
code: `---
|
code: `---
|
||||||
title: "TCP Packet"
|
title: "TCP Packet"
|
||||||
---
|
---
|
||||||
@@ -28,7 +29,6 @@ packet-beta
|
|||||||
144-159: "Urgent Pointer"
|
144-159: "Urgent Pointer"
|
||||||
160-191: "(Options and Padding)"
|
160-191: "(Options and Padding)"
|
||||||
192-255: "Data (variable length)"`,
|
192-255: "Data (variable length)"`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,11 +7,11 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic Pie Chart',
|
title: 'Basic Pie Chart',
|
||||||
|
isDefault: true,
|
||||||
code: `pie title Pets adopted by volunteers
|
code: `pie title Pets adopted by volunteers
|
||||||
"Dogs" : 386
|
"Dogs" : 386
|
||||||
"Cats" : 85
|
"Cats" : 85
|
||||||
"Rats" : 15`,
|
"Rats" : 15`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,6 +6,7 @@ export default {
|
|||||||
description: 'Visualize items in a 2x2 matrix based on two variables',
|
description: 'Visualize items in a 2x2 matrix based on two variables',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Product Positioning',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `quadrantChart
|
code: `quadrantChart
|
||||||
title Reach and engagement of campaigns
|
title Reach and engagement of campaigns
|
||||||
@@ -21,7 +22,6 @@ export default {
|
|||||||
Campaign D: [0.78, 0.34]
|
Campaign D: [0.78, 0.34]
|
||||||
Campaign E: [0.40, 0.34]
|
Campaign E: [0.40, 0.34]
|
||||||
Campaign F: [0.35, 0.78]`,
|
Campaign F: [0.35, 0.78]`,
|
||||||
title: 'Product Positioning',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Student Grades',
|
title: 'Student Grades',
|
||||||
|
isDefault: true,
|
||||||
code: `---
|
code: `---
|
||||||
title: "Grades"
|
title: "Grades"
|
||||||
---
|
---
|
||||||
@@ -19,7 +20,6 @@ radar-beta
|
|||||||
max 100
|
max 100
|
||||||
min 0
|
min 0
|
||||||
`,
|
`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Energy Flow',
|
title: 'Energy Flow',
|
||||||
|
isDefault: true,
|
||||||
code: `---
|
code: `---
|
||||||
config:
|
config:
|
||||||
sankey:
|
sankey:
|
||||||
@@ -82,7 +83,6 @@ Tidal,Electricity grid,9.452
|
|||||||
UK land based bioenergy,Bio-conversion,182.01
|
UK land based bioenergy,Bio-conversion,182.01
|
||||||
Wave,Electricity grid,19.013
|
Wave,Electricity grid,19.013
|
||||||
Wind,Electricity grid,289.366`,
|
Wind,Electricity grid,289.366`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,12 +7,12 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Basic Sequence',
|
title: 'Basic Sequence',
|
||||||
|
isDefault: true,
|
||||||
code: `sequenceDiagram
|
code: `sequenceDiagram
|
||||||
Alice->>+John: Hello John, how are you?
|
Alice->>+John: Hello John, how are you?
|
||||||
Alice->>+John: John, can you hear me?
|
Alice->>+John: John, can you hear me?
|
||||||
John-->>-Alice: Hi Alice, I can hear you!
|
John-->>-Alice: Hi Alice, I can hear you!
|
||||||
John-->>-Alice: I feel great!`,
|
John-->>-Alice: I feel great!`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -6,6 +6,7 @@ export default {
|
|||||||
description: 'Visualize events and milestones in chronological order',
|
description: 'Visualize events and milestones in chronological order',
|
||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
|
title: 'Project Timeline',
|
||||||
isDefault: true,
|
isDefault: true,
|
||||||
code: `timeline
|
code: `timeline
|
||||||
title History of Social Media Platform
|
title History of Social Media Platform
|
||||||
@@ -14,7 +15,6 @@ export default {
|
|||||||
: Google
|
: Google
|
||||||
2005 : YouTube
|
2005 : YouTube
|
||||||
2006 : Twitter`,
|
2006 : Twitter`,
|
||||||
title: 'Project Timeline',
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,6 +7,7 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'My Working Day',
|
title: 'My Working Day',
|
||||||
|
isDefault: true,
|
||||||
code: `journey
|
code: `journey
|
||||||
title My working day
|
title My working day
|
||||||
section Go to work
|
section Go to work
|
||||||
@@ -16,7 +17,6 @@ export default {
|
|||||||
section Go home
|
section Go home
|
||||||
Go downstairs: 5: Me
|
Go downstairs: 5: Me
|
||||||
Sit down: 5: Me`,
|
Sit down: 5: Me`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
@@ -7,13 +7,13 @@ export default {
|
|||||||
examples: [
|
examples: [
|
||||||
{
|
{
|
||||||
title: 'Sales Revenue',
|
title: 'Sales Revenue',
|
||||||
|
isDefault: true,
|
||||||
code: `xychart-beta
|
code: `xychart-beta
|
||||||
title "Sales Revenue"
|
title "Sales Revenue"
|
||||||
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
|
x-axis [jan, feb, mar, apr, may, jun, jul, aug, sep, oct, nov, dec]
|
||||||
y-axis "Revenue (in $)" 4000 --> 11000
|
y-axis "Revenue (in $)" 4000 --> 11000
|
||||||
bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
|
bar [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]
|
||||||
line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]`,
|
line [5000, 6000, 7500, 8200, 9500, 10500, 11000, 10200, 9200, 8500, 7000, 6000]`,
|
||||||
isDefault: true,
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
} satisfies DiagramMetadata;
|
} satisfies DiagramMetadata;
|
||||||
|
Reference in New Issue
Block a user