palette = getRandomPalette()
d3 = require("d3@6")
//https://observablehq.com/@karlsluis/rotating-polygons
toRadians = (angle) => {
return angle * (Math.PI / 180);
}
// // helper method to make translating easier, via https://observablehq.com/@sjengle/zillow-affordability-heatmap
translate = function(x, y) {
return "translate(" + x + "," + y + ")";
};
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 { palettes, scales, getRandomPalette } from '@makio135/give-me-colors'
import {slider} from "@jashkenas/inputs"
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.
