Public
Edited
May 17, 2024
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viz.draw({
layers: [
{ type: "layer", data: aus, fill: "#38896F" },
{ type: "layer", data: aus_roads, stroke: "white" },
{ type: "layer", data: aus_ports, fill: "white", stroke: "black" }
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viz.draw({
params: { projection: d3.geoNaturalEarth1() },
layers: [
{ type: "outline" },
{ type: "graticule", stroke: "white", step: 30 },
{ type: "layer", datum: world, fill: "white", fillOpacity: 0.4 },
{ type: "header", text: "Hello World" }
]
})
Insert cell
Insert cell
viz.draw({
layers: [
{ type: "tile" },
{ type: "layer", data: world, fill: "none", stroke: "red" }
]
})
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