Public
Edited
Feb 19, 2024
dot.options({ engine: "dot" })`digraph MHN {
graph [
splines=true
compound=true
]
subgraph Elements {
// rank = same
// root = true
water [color=blue label=💧]
fire [color=red label=🔥]
thunder [color=orange label=⚡]
ice [color=lightblue label=❄️]
dragon [color=purple label=🐉]
poison [color=darkgreen label=🤢]
}
subgraph Monsters {
// node [color=red]
/* {
// rank=source
kulu [label="Kulu-Ya-Ku"]
barroth [label="Barroth"]
girros [label="Great Girros"]
paolumu [label="Paolumu"]
rathian [label="Rathian"]
diablos [label="Diablos"]
radobaan [label="Radobaan"]
banbaro [label="Banbaro"]
}*/
{
// rank = sink
jagras [label="Great Jagras"]
pukei [label="Pukei-Pukei"]
kadachi [label="Tobi-Kadachi"]
jyura [label="Jyuratodus"]
anjanath [label="Anjanath"]
prathian [label="Pink Rathian"]
legiana [label="Legiana"]
rathalos [label="Rathalos"]
barioth [label="Barioth"]
zinogre [label="Zinogre"]
}
}
subgraph EleMats {
// edge [color=red]
// edge [weight=50]
subgraph cluster_water {
color=blue
{jagras jyura} water
}
subgraph cluster_fire {
color=red
{anjanath rathalos} fire
}
subgraph cluster_thunder {
color=orange
{kadachi zinogre} thunder
}
subgraph cluster_ice {
color=lightblue
{legiana barioth} ice
}
subgraph cluster_dragon {
color=purple
{prathian} dragon
}
subgraph cluster_poison {
color=darkgreen
{pukei rathian} poison
}
}
subgraph EleWeakness {
edge [weight=0]
water -> {kadachi anjanath} [color=blue lhead=cluster_water]
fire -> {jagras legiana barioth} [color=red lhead=cluster_fire]
thunder -> {pukei jyura rathian prathian rathalos} [color=orange]
ice -> {zinogre} [color=lightblue]
dragon -> {rathian prathian rathalos } [color=purple]
poison -> {jagras kadachi legiana} [color=darkgreen]
}
}`
dot`digraph MHN {
node [style=filled fillcolor=white]
ice [color=lightblue label="❄️ Legiana"]
water [color=blue label="💧 Jyura"]
fire [color=red label="🔥 Rathalos"]
thunder [color=orange label="⚡ Zinogre"]
dragon [color=purple label="🐉 Pink Rathian"]
thunder -> water -> ice ->
thunder -> dragon -> dragon -> fire -> ice
poison [color=darkgreen label="🤢 Rathian/Pukei"]
{thunder dragon} -> poison
}`
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
