Notebooks 2.0 is here.
yield html`<div id="graph" style="text-align: center; width: 900px; height: 600px;"></div>`,
d3.select("#graph")
.graphviz(useWorker)
.renderDot(`digraph "test" {
"nid0" ["shape"="point","label"="test"]
"nid4" ["label"="输出"]
"nid3" ["label"="补全默认值"]
"nid2" ["shape"="diamond","label"="a == null"]
"nid1" ["label"="参数校验(定开)"]
"nid6" ["shape"="point","label"=""]
"nid5" ["label"="输出"]
"nid0" -> "nid1"
"nid4" -> "nid6"
"nid3" -> "nid4"
"nid2" -> "nid3" ["style"="bold","label"="T"]
"nid2" -> "nid5" ["style"="bold","label"="F"]
"nid1" -> "nid2"
"nid5" -> "nid6"
}`)
//import {adot, logoDots} from "@magjac/d3-graphviz"
import {adot, logoDots, logoDot} from "@magjac/d3-graphviz"
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.
