# Mermaid
# Examples
```mermaid
%%{init: {
"theme": "base",
"themeVariables": {
"primaryColor": "#f0f8ff",
"primaryTextColor": "#003366",
"lineColor": "#6699cc",
"borderColor": "#336699",
"fontSize": "14px"
}
}}%%
flowchart TD
Start([Start]) --> Decision{Proceed?}
Decision -->|Yes| Step1["Do Step 1"]
Decision -->|No| Step2["Do Step 2"]
Step1 --> Join["Join"]
Step2 --> Join
Join --> End([End])
classDef highlight fill:#ffdead,stroke:#cc6600,stroke-width:2px
class Step1 highlight
```
Venn diagram does not seem to work
```mermaid
venndiagram td
A(Amish) [25]
B(Birds) [20]
C(Raisins) [10]
AB(Amish and Birds) [5]
BC(Birds and Raisins) [2]
AC(Amish and Raisins) [3]
ABC(Amish, Birds, and Raisins) [1]
```
```mermaid
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
```
```mermaid
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
Alice-)John: See you later!
```
```mermaid
graph TD
A((Life on Earth))-->B((Prokaryotes))
B-->C((Cyanobacteria))
B-->D((Archaea))
B-->E((Bacteria))
A-->F((Eukaryotes))
F-->G((Protists))
F-->H((Fungi))
F-->I((Plants))
F-->J((Animals))
J-->K((Invertebrates))
J-->L((Chordates))
L-->M((Fish))
L-->N((Amphibians))
L-->O((Reptiles))
L-->P((Birds))
L-->Q((Mammals))
Q-->R((Primates))
R-->S((Homo sapiens))
```