Platform
Resources
Pricing
Sign in
Get started
Mike Bostock
Visualization toolmaker. Founder @observablehq. Creator @d3. Former @nytgraphics. Pronounced BOSS-tock.
Workspace
Fork
Published
2 collections
By
Mike Bostock
Edited
Apr 14, 2021
21 forks
Importers
42 stars
1
Product page
NOAA Hourly Weather Data
Correlation over time
How Has Men’s Tennis Changed From 1973–2021?
AWS HTTP Status Dashboard
CyclePlot w/ Energy Data
Try to impeach this? Challenge accepted!
Ping chart
What's That Noise?
🔮Bubble Matrix🔮 Component
Most Popular Programming Languages, 2004–2021
Mapping gridded data with a Voronoi diagram
Streamgraph transitions
Tidy Stacked Area Chart
Zoomable circle packing
Charting with Vega-Lite
Also listed in…
Observable for Developers
Insert cell
Insert cell
Insert cell
chart
Insert cell
data
=
FileAttachment
(
"pypl.csv"
)
.
csv
(
{
typed
:
true
}
)
Insert cell
formatNumber
=
d3
.
format
(
".1%"
)
Insert cell
formatDate
=
d3
.
utcFormat
(
"%b %Y"
)
Insert cell
tickFormat
=
"%"
Insert cell
k
=
2
// don’t interpolate (much)
Insert cell
import
{
chart
,
viewof
replay
,
d3
}
with
{
k
,
data
,
formatNumber
,
formatDate
,
tickFormat
}
from
"@d3/bar-chart-race"
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.
Try it for free
Learn more
Fork
View
Export
Listed in...
Observable for Developers
Observable
Product page
Observable
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
data
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
formatNumber
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
formatDate
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
tickFormat
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
k
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML