Public
Edited
Dec 22, 2022
Plot.plot({
style: {backgroundColor: "#add8f7"},
projection: {type: "mercator", domain: svalbard},
marks: [
Plot.geo(svalbard, {fill: "#F3F3F1", stroke: "#bdbdbd", strokeWidth: 0.5}),
Plot.dot(places.features, {x: (d) => d.geometry.coordinates[0], y: (d) => d.geometry.coordinates[1], r: 3, fill: "#000000", stroke: "#FFFFFF", strokeWidth: 1}),
Plot.text(places.features, {x: (d) => d.geometry.coordinates[0], y: (d) => d.geometry.coordinates[1], text: (d) => d.properties.name, stroke: "#FFFFFF", fill: "#212121", textAnchor: "middle", dy: 8, fontFamily: "Assistant, san-serif", fontSize: "12px"})
],
caption: html`<p style="font-family:'Open Sans, san-serif'; font-size:14px;">Source: <a href="https://www.naturalearthdata.com/downloads" target="_blank">Natural Earth</a></p>`
})
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.
