Platform
Resources
Pricing
Sign in
Contact us
Harry Stevens
News and graphics at @ClimateLab, a project of @PostGraphics.
Workspace
Fork
Public
Hello
By
Harry Stevens
Edited
Sep 28, 2023
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
boxes
=
Array
.
from
(
{
length
:
100
}
)
.
map
(
_
=>
(
{
w
:
max
(
sizeMin
,
random
(
)
*
sizeMax
)
,
h
:
max
(
sizeMin
,
random
(
)
*
sizeMax
)
}
)
)
Insert cell
c
=
d3
.
schemeCategory10
Insert cell
max
=
Math
.
max
Insert cell
random
=
Math
.
random
Insert cell
potpack
=
(
await
import
(
"https://cdn.skypack.dev/potpack"
)
)
.
default
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
sizeMin
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
sizeMax
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
boxes
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
c
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
max
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
random
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
potpack
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML