Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

API Heatmap - brand colors round .2

Public visualization

API Heatmap - brand colors round .2

0 stars1๐ŸŒ 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.

Comments

Sign in to join the discussion.

MIT Licensed