The avatar for @severo
Sylvain Lesage
Software engineer at Hugging Face. Prototyping here with JS, d3, three.js.
Published
Sizes and layout
Edited
Sep 11, 2020
2 forks
6 stars
Sizes and layout
Sizes of canvas, images and SVGSidebar LayoutHoly Grail LayoutTen modern layouts in one line of CSSImage coverImage placeholderHello preserveAspectRatioCSS position parserCSS object-fit formulasExtended drawImageTwo-columns layout in fullscreen modeHello d3-gridding layouts
Fullscreen Iframe
Hello d3-griddingFour Cells LayoutLayer HTML elements with display: grid
Insert cell
Insert cell
Insert cell
html`<iframe height="${height}" width="${width}" src="https://www.bortzmeyer.org/" />`
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.
Learn more