Wise Fool.
Visioneer.
Public
Edited
Apr 12, 2023
1 fork
Importers
1 star
schemeTransportForLondon = [
{kind: "mode" , line: "Cable Car", r: 220, g: 36, b: 31},
{kind: "mode" , line: "Buses", r: 220, g: 36, b: 31},
{kind: "mode" , line: "Coaches", r: 241, g: 171, b: 0},
{kind: "mode" , line: "Elizabeth Line", r: 119, g: 61, b: 189},
{kind: "mode" , line: "Cycles", r: 220, g: 36, b: 31},
{kind: "mode" , line: "Dial-a-Ride", r: 183, g: 39, b: 191},
{kind: "mode" , line: "DLR", r: 0, g: 175, b: 173},
{kind: "mode" , line: "Overground", r: 239, g: 123, b: 16},
{kind: "mode" , line: "River", r: 0, g: 160, b: 226},
{kind: "mode" , line: "Taxi/Private Hire", r: 132, g: 128, b: 215},
{kind: "mode" , line: "TfL Rail", r: 0, g: 25, b: 168},
{kind: "mode" , line: "Trams", r: 0, g: 189, b: 25},
{kind: "mode" , line: "Underground", r: 40, g: 61, b: 134},
{kind: "underground line", line: "Bakerloo", r: 178, g: 99, b: 0},
{kind: "underground line", line: "Central", r: 220, g: 36, b: 31},
{kind: "underground line", line: "Circle", r: 255, g: 211, b: 41},
{kind: "underground line", line: "District", r: 0, g: 125, b: 50},
{kind: "underground line", line: "H‘smith & City", r: 244, g: 169, b: 190},
{kind: "underground line", line: "Jubilee", r: 161, g: 165, b: 167},
{kind: "underground line", line: "Metropolitan", r: 155, g: 0, b: 88},
{kind: "underground line", line: "Northern", r: 0, g: 0, b: 0},
{kind: "underground line", line: "Piccadilly", r: 0, g: 25, b: 168},
{kind: "underground line", line: "Victoria", r: 0, g: 152, b: 216},
{kind: "underground line", line: "Waterloo & City", r: 147, g: 206, b: 186},
]
.map((c) => ({...c, hex: d3.rgb(c.r,c.g,c.b).hex()}))
schemeTransportForLondonLines =
R.pipe(
R.filter(R.propEq("underground line", "kind")),
R.map(R.prop("hex")),
)
(schemeLondonTubeColors)
µ = (n = 1) => 6 * n
contrast = (color) => lrgb_luminance(rgb_lrgb(d3.rgb(color))) >= 1/2 ? "black" : "white"
fontFamily =
// "PT Sans Narrow"
"Roboto Condensed"
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=${fontFamily}&display=swap">
import {lrgb_luminance, rgb_lrgb} from "@mbostock/wcag-contrast-ratio"
R = require("ramda")
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.
