Platform
Resources
Pricing
Sign in
Get started
Templates /
Startup Operating Model
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
By
Toph Tucker
Edited
Sep 21, 2021
ISC
55 forks
41 stars
2
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: Business Planning
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
hiringData
=
(
await
FileAttachment
(
"payroll.csv"
)
.
csv
(
)
)
.
map
(
autoTypeExcel
)
Insert cell
Insert cell
Insert cell
Insert cell
mrrActual
=
(
await
FileAttachment
(
"mrrActual@1.csv"
)
.
csv
(
)
)
.
map
(
autoTypeExcel
)
Insert cell
Insert cell
Insert cell
Insert cell
domain
=
[
new
Date
(
Date
.
UTC
(
2021
,
0
,
1
)
)
,
new
Date
(
Date
.
UTC
(
2022
,
0
,
1
)
)
]
Insert cell
asOf
=
new
Date
(
Date
.
UTC
(
2021
,
4
,
25
)
)
Insert cell
Insert cell
Insert cell
import
{
viewof
hiring
,
payroll
,
summary
as
hiringSummary
}
with
{
domain
,
asOf
,
hiringData
as
data
}
from
"433c356a8f929477"
Insert cell
Insert cell
mrr
=
mrrTarget
.
diff
.
map
(
(
{
date
,
value
}
,
i
)
=>
(
{
date
,
target
:
value
,
actual
:
mrrActual
[
i
]
?.
value
}
)
)
Insert cell
mrrStart
=
mrrActual
[
0
]
.
value
Insert cell
import
{
chart
as
mrrSpline
,
flow
as
mrrTarget
}
with
{
domain
as
timeDomain
,
mrrStart
as
start
}
from
"7fc65adc09109fe5"
Insert cell
Insert cell
vc
=
[
{
date
:
new
Date
(
cashDate
)
,
value
:
cash
*
1000
}
]
Insert cell
totalActual
=
rollupByMonth
(
[
vc
,
payroll
.
diff
,
mrrActual
]
)
.
filter
(
(
{
date
}
)
=>
date
<=
asOf
)
Insert cell
totalActualCum
=
cumsum
(
totalActual
)
Insert cell
totalTarget
=
rollupByMonth
(
[
vc
,
payroll
.
diff
,
mrrTarget
.
diff
]
)
Insert cell
totalTargetCum
=
cumsum
(
totalTarget
)
Insert cell
totalTargetActuals
=
zip
(
{
target
:
totalTargetCum
,
actual
:
totalActualCum
}
)
Insert cell
import
{
TargetsVsActuals
}
from
"@observablehq/targets-vs-actuals"
Insert cell
import
{
Table
}
from
"@observablehq/table-validator"
Insert cell
import
{
longMonth
,
dateFormat
,
autoTypeExcel
,
rollupByMonth
,
zip
,
cumsum
,
zero
}
from
"@observablehq/cash-flow"
Insert cell
import
{
toc
}
from
"@observablehq/templates-table-of-instructions"
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: Business Planning
Observable
Templates
Observable
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
cash
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
cashDate
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
instructions
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
hiringData
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mrrActual
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
domain
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
asOf
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mrr
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
mrrStart
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
vc
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
totalActual
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
totalActualCum
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
totalTarget
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
totalTargetCum
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
totalTargetActuals
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML