Public
Edited
Mar 12, 2023
{
let div = d3.create("div");
d3.graphviz(div.node()).renderDot(dot_source);
div.selectAll("title").remove();
div.selectAll("text").style("pointer-events", "none");
return div.node();
}
dot_source = `digraph{
size="${width / 100}"
${edges.join(";\n ")}
}`
edges = Array.from(
d3
.rollup(
bigten2002,
(a) => `${a[0].Winner} -> ${a[0].Loser}`,
(o) => o.Winner,
(o) => o.Loser
)
.values()
)
.map((map) => Array.from(map.values()))
.flat()
teams = _.uniq(bigten2002.map((o) => [o.Winner, o.Loser]).flat())
bigten2002 = FileAttachment("BigTen2002@1.csv").csv()
d3 = require("d3@7", "d3-graphviz@2")
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.
