Published
Edited
Dec 5, 2020
Importers
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
world = FileAttachment("countries-110m.json").json(); // From https://www.npmjs.com/package/world-atlas
Insert cell
countries = topojson.feature(world, world.objects.countries)
Insert cell
countryCount = countries.features.length
Insert cell
land = topojson.feature(world, world.objects.land)
Insert cell
graticule = d3.geoGraticule10();
Insert cell
Insert cell
height = 600
Insert cell
projection = d3.geoNaturalEarth2().fitSize([width, height], countries)
Insert cell
path = d3.geoPath(projection)
Insert cell
Insert cell
d3 = require("d3-geo@2", "d3-geo-projection@3")
Insert cell
topojson = require("topojson-client@3");
Insert cell
import {color, checkbox} from "@jashkenas/inputs"
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