Platform
Resources
Pricing
Sign in
Get started
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Workspace
Fork
Published
Sizes and layout
By
Sylvain Lesage
Edited
Feb 7, 2022
Importers
9 stars
Sizes and layout
Sizes of canvas, images and SVG
Sidebar Layout
Holy Grail Layout
Ten modern layouts in one line of CSS
Image cover
Image placeholder
Hello preserveAspectRatio
CSS position parser
CSS object-fit formulas
Extended drawImage
Two-columns layout in fullscreen mode
Hello d3-gridding layouts
Fullscreen Iframe
Hello d3-gridding
Four Cells Layout
Layer HTML elements with display: grid
Insert cell
Insert cell
fullscreen
(
{
breakLayoutAtCell
:
6
,
left
:
66
,
right
:
33
}
)
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
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
Show 2 comments
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML
fullscreen
Edit
Add comment
Copy import
Select
Duplicate
Copy link
Embed
Delete
JavaScript
Markdown
HTML