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
Interactively explore US dam conditionsView project
Interactively explore US dam conditions

Interactive maps and charts made with deck.gl and Plot, and an R data loader to access records from the National Inventory of Dams.

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
Reservations by market segmentView project
Reservations by market segment

Exploration of hotel data showcasing use of interactive charts with D3 and Observable Plot.

ObservableObservable
Monitor weekly mortgage ratesView project
Monitor weekly mortgage rates

TypeScript data loader that fetches mortgage rate data displayed in an interactive chart built with Observable Plot.

ObservableObservable
See all examples in GitHub

Highlighted community projects

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

Urban heat hot spotsView project
Urban heat hot spots
Climate Central
Interior carbon dioxide readingsView project
Interior carbon dioxide readings
Smplrspace
Mosaic + Framework examplesView project
Mosaic + Framework examples
Interactive Data Lab, University of Washington
Private jet emissionsView project
Private jet emissions
Caleb Diehl
Marine mammal density explorerView project
Marine mammal density explorer
Waveform Analytics
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