Skip to main content

Data Visualization

Graphical representation of information and data.

Palette

The data visualization color palette colors that provide contrast from each other in a dataset.

$color-dataViz-danger-fill#e3837d
$color-dataViz-danger-hover#b4362f
$color-dataViz-danger-line#d44037
$color-dataViz-neutral-fill#d1d3d6
$color-dataViz-neutral-hover#898e94
$color-dataViz-primary-fill#7785db
$color-dataViz-primary-fill-alt#c7ccf0
$color-dataViz-primary-hover#3442bc
$color-dataViz-primary-line#3142c8
$color-dataViz-secondary-fill#62a9f4
$color-dataViz-secondary-fill-alt#c9e1fb
$color-dataViz-secondary-hover#005cbe
$color-dataViz-secondary-line#0072ec
$color-dataViz-tertiary-fill#b16fed
$color-dataViz-tertiary-fill-alt#ddd0f3
$color-dataViz-tertiary-hover#8110dc
$color-dataViz-tertiary-line#8c18e2
$color-dataViz-warning-fill#ff9365
$color-dataViz-warning-hover#f45e1e
$color-dataViz-warning-line#ff6422