{"version":"1.0","type":"rich","title":"Examples of Different Scales","description":"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`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2bb2c6ecbc744e188ab9ec32dcf12d16?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}