Observable Templates

Visualize a correlation from a CSV dataset using Plot.

Visualize a quantitative distribution from a CSV dataset using Plot.

The simplest starting point for working with D3.

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.

Get started with SVG.

Connect an SVG graphic to a slider.

Get started with HTML Canvas.

Connect an HTML Canvas to a slider.

Get started with creative coding.

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

Get started with default styles for headers and images.

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

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

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

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

Load a repository’s issues into a table.

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

Load information about a Figma document and fetch image assets.

Access files with the Amazon S3 API.

Manage virtual machines with the Amazon EC2 API

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.

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

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

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

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

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

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

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

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

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

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

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

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.

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

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.

Equitable speaking order for daily standups.

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