md`# gen 052921-1b`
shapeSize = (w - ((columns+1) )) / columns
h = (shapeSize * rows) + (rows + 1)
d3 = require("d3@5")
palette = getRandomPalette()
Type JavaScript, then Shift-Enter. Ctrl-space for more options. Arrow ↑/↓ to switch modes.
array = n => new Array(n).fill(0).map((d, i) => i)
random = (a, b) => {
if(Array.isArray(a)) return a[Math.random() * a.length | 0]
if(!a && a !== 0) return Math.random()
if(!b && b !== 0) return Math.random() * a
if(a > b) [a, b] = [b, a] // swap values
return a + Math.random() * (b - a)
}
randInt = (a, b) => ~~random(a, b)
shuffle = arr => {
let copy = [...arr] // create a copy of original array
for (let i = copy.length - 1; i; i --) {
let randomIndex = randInt(i + 1);
[copy[i], copy[randomIndex]] = [copy[randomIndex], copy[i]] // swap
}
return copy
}
range = (start, end, step = 1) => array(Math.ceil((end - start + 1) / step)).map((d, i) => start + i * step)
import {slider} from "@jashkenas/inputs"
import { palettes, scales, getRandomPalette } from '@makio135/give-me-colors'
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.
