Published
Edited
Jun 13, 2021
Importers
1 star
Insert cell
Insert cell
Insert cell
swatches({
color: d3.scaleOrdinal()
.domain(Object.keys(candidateColors))
.range(Object.values(candidateColors)),
columns: '180px'
})
Insert cell
candidateColors = ({
EXG: '#bb0000',
COM: '#dd0000',
FI: '#cc2443',
SOC: '#FF8080',
GEN: '#CC1E55',
RDG: '#ffd1dc',
DVG: '#ffc0c0',
ECO: '#77ff77',
DIV: '#eeeeee',
ANM: '#8D2E88',
REG: '#DCBFA3',
GJ: '#FFFF00',
REM: '#ffeb00',
MDM: '#ff9900',
AGR: '#87cefa',
MR: '#e1a5e1',
DVC: '#FAC577',
UDI: '#00FFFF',
LR: '#0066CC',
DSV: '#8040C0',
DVD: '#adc1fd',
RN: '#0D378A',
EXD: '#404040'
})
Insert cell
import { swatches } from '@d3/color-legend'
Insert cell
d3 = require('d3')
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