Public
Edited
Apr 23, 2024
1 fork
Importers
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dot_fragment_example = svg_from_dot_fragment()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
computed_fragment_example = digraph2svg( computed_dot_fragment, {fit : fit_width_layout_option} )
Insert cell
set_part( "1", "Brest -> Paris;" ) // delete this cell if you define your dot_fragment literally (without computation)
Insert cell
set_part( "2", "Paris -> München" ) // delete this cell if you define your dot_fragment literally (without computation)
Insert cell
Insert cell
compute_dot_fragment = () => new Array( ...parts ).map( e => show_parts.includes(e[0]) ? e[1] : "" ).join(" ") // you can define your dot_fragment also literally in this cell
Insert cell
Insert cell
Insert cell
Insert cell
maximap = maximap_div
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
visco = (await import( "https://cdn.skypack.dev/@kxfm/visco@1.4.34" )).visco
Insert cell
issues = await FileAttachment("WORK.json").json()
Insert cell
Insert cell
//issues = cepdi_issues.slice(0,10)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
dot_string = 'digraph <the logic of cause and effect> { cause -> effect [label="via dot_string"] }'
Insert cell
digraph_string = 'cause -> effect [label="via digraph_string"]'
Insert cell
dot_fragment = 'cause -> effect [label="via dot_fragment"]'
Insert cell
Insert cell
KTS4Dot = import("https://cdn.skypack.dev/@kxfm/dot").then( mod => mod.KTS4Dot )
Insert cell
Insert cell
Insert cell
import {graphic as importer, moduleUrl} with {url} from "@bogo/notebook-import-visualizer"
Insert cell
Insert cell
Insert cell
Insert cell

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.
Learn more