Public
Edited
Sep 19, 2023
Insert cell
Insert cell
Insert cell
DOM.download(() => serialize(chart), undefined, "Save as SVG")
Insert cell
Insert cell
Insert cell
height = 600 - margin.top - margin.bottom
Insert cell
width = 600 - margin.left - margin.right
Insert cell
margin = ({top: 20, right: 20, bottom: 50, left: 50})
Insert cell
bigFormat = d3.format(".2s")
Insert cell
html`<link href="https://store.typenetwork.com/foundry/fontbureau/series/benton-sans?family=benton-sans-re" rel="stylesheet>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data = FileAttachment("2020tribe.csv").csv()
Insert cell
Insert cell
population_hierarchy = d3.hierarchy(data_nested, d => d.values)
.sum(d => d.num)
Insert cell
Insert cell
d3 = require("d3@5", "d3-weighted-voronoi", "d3-voronoi-map", "d3-voronoi-treemap", 'seedrandom@2.4.3/seedrandom.min.js')
Insert cell
//import {serialize} from "@ladataviz/saving-csv"
Insert cell
import { slider, radio, text } 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