Public
Edited
Mar 12, 2024
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viz.path({ data: world, fill: "#38896F" })
Insert cell
Insert cell
viz.plot({ type: "path", data: world, fill: "#38896F" })
Insert cell
Insert cell
Insert cell
viz.path({ datum: world, fill: "#38896F" })
Insert cell
viz.path({ data: world, fill: (d) => viz.tool.random(), tip: true })
Insert cell
Insert cell
Insert cell
{
let svg = viz.create({ domain: aus, width: 800 });
svg.path({ datum: aus, fill: "#CCC" });
svg.path({ datum: aus_roads, stroke: "#38896F", strokeWidth: 1.5 });
svg.path({
datum: aus_ports,
fill: "white",
stroke: "#38896F",
strokeWidth: 3
});
return svg.render();
}
Insert cell
Insert cell
{
let svg = viz.create({ domain: aus, width: 400 });
svg.path({ datum: aus, fill: "#38896F" });
svg.legend.box({ rect_fill: "#38896F", label: "Australia", pos: [130, 270] });
return svg.render();
}
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