Published
Edited
Jan 19, 2022
1 star
Insert cell
Insert cell
Insert cell
Insert cell
width
Insert cell
Insert cell
isFullscreen = width > 1152
Insert cell
d3
.create("div")
.style("color", "white")
.style("padding", "1em")
.call(isFullscreen ? renderWider : renderNarrower)
.node()
Insert cell
renderNarrower = (sel) =>
sel.style("background", "orange").text("Rendering for non-fullscreen")
Insert cell
renderWider = (sel) =>
sel.style("background", "green").text("Rendering for fullscreen")
Insert cell
Insert cell
import {notice} from "@tophtucker/scrapbook"
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