The avatar for @clhenrick
Chris Henrick
Maps, Data, Viz, UX, Design
Published
storytelling-with-data-course
Edited
Mar 4, 2022
3
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
scheme1 = ["#fff", "#c42126"]
Insert cell
scheme2 = ["#eb001b", "#ff5f00", "#f79e1b"].reverse()
Insert cell
scheme3 = ["#012169", "#253b80", "#169bd7"]
Insert cell
darkGrey = "rgb(25, 31, 36)"
Insert cell
colorScale1 = d3.scaleThreshold().domain([high]).range(scheme1)
Insert cell
colorScale2 = d3.scaleThreshold().domain([low, high]).range(scheme2)
Insert cell
colorScale3 = d3.scaleThreshold().domain([low, high]).range(scheme3)
Insert cell
Insert cell
fonts = html`<style>
@import url('https://fonts.googleapis.com/css2?family=MuseoModerno&family=Roboto:wght@400;900&display=swap');
</style>`
Insert cell
import { drawChoroplethMap } from "@clhenrick/reusable-choropleth-map";
Insert cell
import {
low,
high,
data,
tooltipContents
} from "@clhenrick/swd-declutter-and-focus"
Insert cell
import { legend } from "@d3/color-legend"
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