The avatar for @thinkingfish
Yao Yue
Public
Edited
Nov 24, 2023
1 star
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
diamonds(coord_color(halton_guide, fireclay_vivid), "white");
Insert cell

diamonds(coord_color(halton_guide, fireclay_muted), "white");
Insert cell
Insert cell
Insert cell
Insert cell
top_cutoff = Math.floor(18 / dHeight * 2);
Insert cell
multiple_cutoff = Math.round(height / dHeight); // transition to 2 color only for the bottom half of the wall
Insert cell
bottom_cutoff = Math.floor((height - 24) / dHeight * 2);
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
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

diamonds(coord_color(halton_guide));
Insert cell
Insert cell
data = orig_data.map(d => [Math.floor(d[0] * cols), Math.floor(Math.pow(d[1], row_skew_pow) * rows_transition)])
Insert cell
orig_data = [...Array(numPoints).keys()].map(
d => [halton(d, base1), halton(d, base2)])
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
Insert cell
swatches(blues, "3em")
Insert cell
Insert cell
swatches(fireclay_muted, "3em");
Insert cell
Insert cell

swatches(fireclay_vivid, "3em");
Insert cell

fireclay_light = [fireclay_daisy, fireclay_nickel, fireclay_huckleberry].map( color => color.hex());
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.
Learn more