Skip to main content
100%

API Heatmap - brand colors round .2

✓ Published1🌍 Public
MMark Lam
Last edited Nov 11, 2021
Created on Nov 11, 2021

This heatmap visualizes brand-related data for 20 companies, using a 3-color continuous scale from d3.scaleLinear that pivots at a value of 5 and rounds scores to 0.2 increments, creating 10 distinct color bands. Each SVG rectangle represents a company, colored by its relative score, with the ticker symbol and score overlaid. The code uses d3.json to load data from a NASDAQ-linked gist, d3.scaleLinear for color mapping, and d3.mouse for tooltip interactions. A color legend at the bottom displays the full gradient range from 0 to 10.

AI-generated description

The color uses a continuous 3-color scale and pivots on 5. The color scale floors the relation shore to make 10 bands. This makes something like 6.X to appear notably different then 7.X. The name description links to the NASDAQ query.

MIT Licensed

Similar vizzes