Viewing a saved revision (read-only)
47cd164c83db4c1baf8858741b86b1b9
API Heatmap - brand colors round 10 steps - reusable
This heatmap displays 20 company symbols arranged in a 5-column grid, with each cell colored by a relative score on a continuous d3.scaleLinear gradient from gray-green to dark teal. Scores are rounded to the nearest 0.3 unit using a custom rounding function, and a 10-step color legend is rendered beneath the grid. Built with D3 v7, the visualization reads JSON data from a GitHub gist, uses SVG rectangles and text for rendering, and includes interactive tooltips on mouseover that show company details alongside a fixed information panel.
AI-generated descriptionThe color uses a continuous color scale rounding to the nearest .2 resulting 50 bins.
The color scale is a 3 color gradient with 5 being gray, allowing for a smoother transition.