Published
Edited
Feb 12, 2021
2 forks
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
viewof randomPalette = html`<button>Randomize Palette</button>`
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
palette = {
randomPalette;
return colourlovers[~~(Math.random() * colourlovers.length)];
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
oppositeColor = color => {
let o = (16777215 - parseInt(bkgColor.slice(1), 16)).toString(16);
return "#" + "000000".slice(o.length) + o;
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
glmatrix = import('https://unpkg.com/gl-matrix@3.3.0/esm/index.js?module')
Insert cell
vec2 = glmatrix.vec2
Insert cell
mat2d = glmatrix.mat2d
Insert cell
import { colourlovers } from "@makio135/give-me-colors"
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