See what you can build with Observable.

Get inspired and learn best practices with our examples.

Projects

Projects are created with Observable Framework, our open-source static site generator for data apps, dashboards, and reports.

Framework project diagram

Example projects

Projects are the easiest and most powerful way to query data in any language and build beautiful displays of data.

Log analysis at scaleView project
Log analysis at scale

An interactive heatmap written in D3 surfaces anomalous activity from millions of API requests stored in an Arrow file.

ObservableObservable
Live web API polling dashboardView project
Live web API polling dashboard

JavaScript data loaders retrieve hourly data from a web API and reveal time and geographic patterns through interactivity.

ObservableObservable
Statistical analysisView project
Statistical analysis

Data loader written in Python applies logistic regression to classify penguins by species based on their features.

ObservableObservable
Open-source project health dashboardView project
Open-source project health dashboard

TypeScript data loaders pull git and npm metadata about Observable Plot to visually summarize activity.

ObservableObservable
See all examples in GitHub

Highlighted community projects

Explore a curated collection of public projects developed by the Observable community.

Marine mammal density explorerView project
Marine mammal density explorer
Waveform Analytics
Mosaic + Framework examplesView project
Mosaic + Framework examples
Interactive Data Lab, University of Washington
New York area income over the yearsView project
New York area income over the years
Jaan Li
Boston 311 dashboardView project
Boston 311 dashboard
Hersh Gupta
Private jet emissionsView project
Private jet emissions
Caleb Diehl
Boston buildings inventoryView project
Boston buildings inventory
Maryanne Wachter

Notebooks

Observable notebooks are great for ad-hoc data exploration, prototyping, and collaboration via multiplayer editing and interactive data previews.

Example notebook diagram

Observable Plot gallery

A series of notebooks showcasing a variety of visualizations created using the open-source Observable Plot library.

Scatterplot with colorView notebook
Scatterplot with color
ObservableObservable
Overlapping histogramView notebook
Overlapping histogram
ObservableObservable
U.S. bubble mapView notebook
U.S. bubble map
ObservableObservable
MarimekkoView notebook
Marimekko
ObservableObservable
CalendarView notebook
Calendar
ObservableObservable
Rolling min and maxView notebook
Rolling min and max
ObservableObservable
Radar chartView notebook
Radar chart
ObservableObservable
Candlestick chartView notebook
Candlestick chart
ObservableObservable
More notebooks in the Observable Plot gallery
Stephanie Tuerk

Every inch down the ”everyone works with expressive code“ trajectory we get (as opposed to everyone works with constraining tools) fills me with hope and joy.

Stephanie Tuerk
Stephanie Tuerk

Designer and Front-end Engineer

D3 gallery

Unlock bespoke data visualizations with unparalleled flexibility using the open-source D3 library.

Force-directed graphView notebook
Force-directed graph
D3D3
Zoomable sunburstView notebook
Zoomable sunburst
D3D3
Brushable scatterplotView notebook
Brushable scatterplot
D3D3
ContoursView notebook
Contours
D3D3
Zoomable circle packingView notebook
Zoomable circle packing
D3D3
Radial cluster treeView notebook
Radial cluster tree
D3D3
TreemapView notebook
Treemap
D3D3
Directed chord diagramView notebook
Directed chord diagram
D3D3
More notebooks in the D3 gallery

Get started today