This page shows an example network and its source YAML. You can also view the network in full screen.
Output Network
Input YAML
# Example network YAML configuration
series:
- edge:
title: "Evolution"
items:
- ["Caterpillar", "Chrysalis", "Butterfly"]
- ["Seed", "Sprout", "Plant", "Flower"]
- edge:
title: "Process Steps"
items:
- ["Draft", "Review", "Approval", "Publication"]
parallel:
- items:
- ["Left", "Right"]
- ["North", "South"]
edge:
arrows: "none"
convergence:
- from: ["Salt", "Water"]
to: "Saltwater"
- from: ["Flour", "Eggs", "Milk"]
to: "Pancake Batter"
divergence:
- edge:
title: "Branches"
items:
- from: "Tree"
to:
- "Branch1"
- "Branch2"
complete:
- edge:
closed: "complete"
title: "Letters"
items:
- ["W", "X", "Y", "Z"]
config:
buttons:
show: True
filter: True
node:
recolor: False
shape: "circle"
font:
size: 40
edge:
width: 15
arrowStrikethrough: False
section:
series:
edge:
color: "orange"
convergence:
edge:
color: "purple"
smooth: True
parallel:
edge:
color: "green"
smooth: False
arrows: "none"
divergence:
edge:
color: "red"
physics:
enabled: True
repulsion:
node_distance: 1000
central_gravity: 0.2
spring_length: 200
spring_strength: 0.015
damping: 0.5
network:
height: "80vh"
width: "100%"
select_menu: False
heading: "Example"
cdn_resources: "in_line" # "in_line", "remote", or "local"
interaction:
navigationButtons: True
download_images: False