Platform
Resources
Pricing
Sign in
Contact us
Templates /
Simple SVG
Sign up to use template
Observable
The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Workspace
Published
2 collections
Edited
Sep 21, 2021
ISC
99 forks
5 stars
Templates
Boilerplates
(17)
Integrations
(7)
Developer Workflows
(7)
Hiring Timeline
Breakout Room Breaker Outer
“Happy Birthday” Synchronizer
Survey Cross-Tabulation Analysis
Agenda Tracker (Clock Time)
Survey Report Builder
Agenda Tracker (Start Button)
Team-Order Shuffler
Integration Test Flakiness
Integration Test Duration
Startup Operating Model
Targets vs. Actuals
User Retention
Plot Scatterplot
Plot U.S. Map
Plot World Map
User Retention with Segments
Simple SVG
Interactive SVG
Interactive HTML Canvas
Simple HTML Canvas
Simple D3
D3 scatterplot
D3 U.S. map
D3 world map
Processing (p5.js)
WebGL Shader
Blog Post
GitHub: Pull Request Visualizer
AWS HTTP Status Dashboard
Stripe API Starter
Google Sheets Starter
SQLite Starter
GitHub API Starter
Regl
Three.js
GitHub Stargazer History
Figma API Starter
AWS S3 API Starter
AWS EC2 API Starter
GitHub API Explorer
GitHub Suggested Reviewers
Plot: Histogram
Input + Chart
Search + Table
SQL + Chart
The MoMA Collection Data
U.S. Geographic Data
Plot Test Data
NOAA Hourly Weather Data
EIA Electricity Data
Bandcamp Sales Data
Google Merchandise Sales Data
DarkCideS: Bats in Caves Data
Also listed in…
Templates: Boilerplates
Insert cell
Insert cell
htl
.
html
`<svg width=${
width
} height=${
height
}>
<rect width=${
width
} height=${
height
} fill="hsl(216deg 100% 13%)"/>
</svg>`
Insert cell
height
=
200
Insert cell
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Try it for free
Learn more
Fork
View
Export
Listed in...
Templates: Boilerplates
Observable
Templates
Observable
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
height
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML