Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3 scale examples

Public visualization

Viewing a saved revision (read-only)

8b5c5b6c339841c38c3529e284c46a09

D3 scale examples

0 stars1🌍 Public
AAxVa 🐍 💪
Last edited Jan 24, 2024
Created on Jan 21, 2024

This example demonstrates D3 scale functions for mapping data values to visual ranges. It shows linear scales converting continuous domains to numeric and color outputs, ordinal scales for one-to-one mapping, and band scales for positioning categorical data with optional padding and rounded pixel ranges. The code uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.scaleBand`, and `d3.interpolate` with data from `nobel-winners.json` containing country-level Nobel Prize counts. Console output illustrates scale outputs for specific inputs, including color interpolation and bandwidth calculations.

AI-generated description