The avatar for @saneef
Saneef H. Ansari
Consultant Designer & Developer
Public
Data Notes
Edited
Dec 18, 2023
2
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
world = FileAttachment("countries-110m.json").json()
Insert cell
land = topojson.feature(world, world.objects.land)
Insert cell
formatNumber = d3.format("(.2f")
Insert cell
<style>
:root {
--accent: oklch(78.97% 0.187 70.41);
--accent: #fea400;
--accent-dark: color-mix(in oklch, var(--accent), oklch(0.2 none none));

}
mark {
font-family: var(--monospace);
font-size: 0.85em;
background-color: var(--accent);
box-shadow: 0.0625rem 0.125rem var(--accent-dark);
display: inline-block;
line-height: 1;
padding: 0.125em .25em;
border-radius: 0.25rem;
}
</style>
Insert cell
Insert cell
Insert cell
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