See what you can build with Observable

Get inspired and learn best practices with our examples.

Data apps

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

Example data apps

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

Log analysis at scaleView data app
Log analysis at scale

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

ObservableObservable
Web API polling dashboardView data app
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 data app
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 data app
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 data app
Reservations by market segment

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

ObservableObservable
Monitor weekly mortgage ratesView data app
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 data apps

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

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

“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 at Mathematica

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