Published
Edited
Mar 14, 2020
Insert cell
Insert cell
import {ramp} from "@mbostock/color-ramp"
Insert cell
ramp(t => `hsl(${t * 360}, 100%, 50%)`)
Insert cell
Insert cell
import {map} from "@d3/interrupted-sinu-mollweide"
Insert cell
map
Insert cell
Insert cell
Insert cell
import {chart as treemap}
with {treemap_data as data}
from "@d3/treemap"
Insert cell
treemap
Insert cell
treemap_data = fetch("https://gist.githubusercontent.com/mbostock/592a3d4b8930eef00951af4d0269aeae/raw/eebb2f5e6da2cc854d3af14779476cfaed4cba04/d3.json").then(response => response.json())
Insert cell
Insert cell
import {chart as histogram}
with {histogram_data as data}
from "@d3/histogram"
Insert cell
histogram
Insert cell
Insert cell
Insert cell
Insert cell
import {interval} from "@mbostock/countdown"
Insert cell
Insert cell
interval
Insert cell
Insert cell
// i
Insert cell
import {i} from "@mbostock/generator-cells-functions-and-objects"
Insert cell
Insert cell
import {map as map2} from "@d3/interrupted-sinu-mollweide"
Insert cell
map === map2
Insert cell
Insert cell
import {hello} from "1b9f514e4db7af3a"
Insert cell
md`La ligne ci-dessous ne fonctionne pas car le traducteur n'a pas accès au notebook privée de Mick Bostock`
Insert cell
helloTo create the dreaded angry rainbow, import and call ramp:
Insert cell
Insert cell
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