Observable Templates

1.
Fork a template to get started
2.
Upload your data
3.
Edit any part to customize
Boilerplates
Notebook thumbnail
Visualize a correlation from a CSV dataset using Plot.
Notebook thumbnail
Visualize a quantitative distribution from a CSV dataset using Plot.
Notebook thumbnail
The simplest starting point for working with D3.
Notebook thumbnail
A good starting point for many two-dimensional charts with x and y axes.
Notebook thumbnail
A static U.S. map with county and state outlines.
Notebook thumbnail
A static world map with landmasses filled in.
Notebook thumbnail
Get started with SVG.
Notebook thumbnail
Connect an SVG graphic to a slider.
Notebook thumbnail
Get started with HTML Canvas.
Notebook thumbnail
Connect an HTML Canvas to a slider.
Notebook thumbnail
Get started with creative coding.
Notebook thumbnail
Get started with high-performance fragment shaders connected to a slider.
Notebook thumbnail
Get started with default styles for headers and images.
Notebook thumbnail
Regl 10
Get started with the lightweight 3D library built atop WebGL.
Notebook thumbnail
Get started with the popular 3D library, built atop WebGL.
Integrations
Notebook thumbnail
Upload a .db file to begin querying your database with this ubiquitous zero-configuration engine.
Notebook thumbnail
Load a Google Sheet into a notebook and start visualizing it with Plot.
Notebook thumbnail
Load a repository’s issues into a table.
Notebook thumbnail
Load recent transactions into a notebook and start visualizing them with Plot.
Notebook thumbnail
Load information about a Figma document and fetch image assets.
Notebook thumbnail
Access files with the Amazon S3 API.
Notebook thumbnail
Manage virtual machines with the Amazon EC2 API
Developer Workflows
Notebook thumbnail
Monitor the status of your HTTP services with a condensed view of Amazon Web Services CloudWatch Logs.
Notebook thumbnail
Flaky tests waste engineer time; which GitHub Actions jobs fail and then pass when re-run?
Notebook thumbnail
How long are your GitHub Actions integration tests taking to run?
Notebook thumbnail
Help developers and managers ship pull requests faster by visualizing their activity timelines.
Notebook thumbnail
When did a repo get its stars? Who was first, who was 100th? Chart it over time, annotated with tagged releases.
Notebook thumbnail
Choose a user and repo and see live results for a curated subset of methods spanning the capabilities of the GitHub API.
Notebook thumbnail
Use visualization to help select an appropriate reviewer for your pull request.