Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Examples of Different Scales

Public visualization

Viewing a saved revision (read-only)

343c35f6cbe44cc7830e142fbb517b37

Examples of Different Scales

0 stars0🌍 Public
Vvschan2
Last edited Apr 28, 2024
Created on Apr 28, 2024
Forked from HTML Starter

Four heatmaps of 100 household incomes in the US are drawn side-by-side using D3.js (v6) SVG rects. Each heatmap applies a different color scale: linear, quantize, quantile, and threshold. The linear scale maps the data extent to a white-to-red gradient, quantize creates three uniform bins, quantile creates equal-count bins, and threshold uses custom domain breaks. The code uses `d3.scaleLinear`, `d3.scaleQuantize`, `d3.scaleQuantile`, and `d3.scaleThreshold`.

AI-generated description

Demonstrating the use of different scales.

Read more at d3-scale.