Platform
Resources
Pricing
Sign in
Get started
Eric Portis
Web Platform Advocate at @CloudinaryLtd
Workspace
Fork
Published
By
Eric Portis
Edited
Apr 16, 2020
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
domains
=
(
{
byteBudget
:
[
100
,
1000000
]
,
// bytes (100B -> 1MB)
timeBudget
:
[
100
,
10000
]
,
// ms
latency
:
[
1
,
2000
]
,
// ms
pixelCount
:
[
(
100
*
100
)
,
(
3000
*
3000
)
]
// pixels
}
)
Insert cell
steps
=
8
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
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
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timeBudgetsWithScaling_rows
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
filesizeBudgetsWithScaling_rows
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
timeBudgetsWithoutScaling_rows
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
filesizeBudgetsWithoutScaling_rows
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
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
domains
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
steps
Unpin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
Edit
Add comment
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
segments
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
breakpoints
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
linearBreakpoints
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
polynomialBreakpoints
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
exponentialBreakpoints
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
makeSegments
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
bandwidthFromRTT
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
byteBudget
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
bppp
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
justQuality
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
qualityAndScaleTogether
Edit
Pin
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
JavaScript
Markdown
HTML