I am a Designer based in NYC. Specializing in front-end web development, prototyping and UI design using, React, WebGL, JavaScript and Sketch.
Published
Edited
Jul 21, 2020
1 fork
Color = require("chroma-js@1.3.5")
import {colorPicker} from "@shaunlebron/color-picker"
md`# Color Constrast`
viewof color = colorPicker("steelblue")
viewof background = colorPicker("steelblue")
contrast = (a, b) => {
// WCAG contrast ratio
// see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#contrast-ratiodef
a = new Color(a);
b = new Color(b);
const l1 = a.luminance();
const l2 = b.luminance();
return l1 > l2 ? (l1 + 0.05) / (l2 + 0.05) : (l2 + 0.05) / (l1 + 0.05);
}
result = contrast(color, background)
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.
