🌍 Public
D3 scales() scaleQuantize() in action
SSubhendu Karmakar
Last edited Dec 27, 2023
Created on Dec 27, 2023
Forked from Fork of D3 Scale Invert() in action practice
This example demonstrates how `d3.scaleQuantize()` maps a continuous numeric input domain to discrete output ranges, using it to assign fill colors to a series of rectangles. The visualization renders 100 SVG rectangles, positioned with a `d3.scaleLinear()` scale and colored with a quantize scale that divides the domain [0, 100] into four color bands: lightblue, orange, lightgreen, and pink. The code uses D3 v7’s `join()` method to bind data from `d3.range()` and style each rectangle’s fill based on its value.
AI-generated descriptionD3 Scales - scaleTime()
MIT Licensed
Comments
Sign in to join the discussion.