Observable Templates

Get started with default styles for headers and images.

A good starting point for many two-dimensional charts with x and y axes.

A static U.S. map with county and state outlines.

A static world map with landmasses filled in.

Connect an HTML Canvas to a slider.

Connect an SVG graphic to a slider.

Visualize a quantitative distribution from a CSV dataset using Plot.

Visualize a correlation from a CSV dataset using Plot.

Get started with creative coding.

Get started with the lightweight 3D library built atop WebGL.

The simplest starting point for working with D3.

Get started with HTML Canvas.

Get started with SVG.

Get started with the popular 3D library, built atop WebGL.

Get started with high-performance fragment shaders connected to a slider.

Manage virtual machines with the Amazon EC2 API

Access files with the Amazon S3 API.

Load information about a Figma document and fetch image assets.

Load a repository’s issues into a table.

Load a Google Sheet into a notebook and start visualizing it with Plot.

Upload a .db file to begin querying your database with this ubiquitous zero-configuration engine.

Load recent transactions into a notebook and start visualizing them with Plot.

Use this fake dataset to practice data exploration. Pizza Paradise was generated by the Observable team. Explore a variety of data visualization forms. Visualize pizza orders by day of week, see product trends over time, map revenue by location. Plot, facet, map, and more.

Monitor the status of your HTTP services with a condensed view of Amazon Web Services CloudWatch Logs.

Choose a user and repo and see live results for a curated subset of methods spanning the capabilities of the GitHub API.

When did a repo get its stars? Who was first, who was 100th? Chart it over time, annotated with tagged releases.

Use visualization to help select an appropriate reviewer for your pull request.

Help developers and managers ship pull requests faster by visualizing their activity timelines.

How long are your GitHub Actions integration tests taking to run?

Flaky tests waste engineer time; which GitHub Actions jobs fail and then pass when re-run?

See how payroll depends on the pace of hiring by placing prospective employees on a timeline.

The only expense is payroll, the key metric is growth, and most cash is VC; how long until you run out of money?

Compare a forecast, goal, or estimate to reality by filling up hollow bars.

What percentage of a sign-up cohort are still using your product after some weeks?

Do users who searched for you stay engaged longer than those who saw an ad? Compare retention across groups.

Correlate answers to pairs of questions; drill down to individuals who said this on one and that on the other.

Automatically suggests an appropriate visualization based on the properties of your Google Surveys or Qualtrics data.

Globally synchronized karaoke to combat the compounding lag of video chat singalongs.

Everything running over? Never getting to your crucial final agenda item? Put in a meeting start time and we’ll hold you to it.

Everything running over? Never getting to your crucial final agenda item? Click “Start“ when the meeting starts.

Randomly sort a group of people into smaller groups of roughly equal size.

Equitable speaking order for daily standups.