Encodings that map abstract data to visual representation.

Scatterplot matrix

Time thresholds for d3.bin

Mike Bostock

Color legend

scale.ticks

Sequential scales

Introduction to D3’s scales

d3.scaleOrdinal

d3.scalePoint

d3.scaleBand

Diverging scales

Quantile, Quantize and Threshold scales

d3.scaleTime

Continuous scales

d3.scaleLinear

Sleep Cycles

band.align

D3 Documentation

d3-scale

Gallery

is there any way to "insert" this type of legend into another svg block ? So to have both the viz and the legend in the same block to be able to "download as png" alltogether?

Andres Snitcofsky

Yes, legend() returns an SVG element, so you can just append it to another SVG element and set the transform attribute if desired.

How would I increase the font size of the labels?