Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

API Heatmap - brand colors floor

Public visualization

API Heatmap - brand colors floor

0 stars2🌍 Public
MMark Lam
Last edited Nov 16, 2021
Created on Nov 11, 2021

A grid of company tiles displays a numerical "VectorScore" as a color, using a D3 linear color scale with domain 0–10 and a teal-to-gray range. The color is applied via `d3.scaleLinear`; the code floors the score to create discrete color steps, so a score of 6.X appears distinct from 7.X. The data (company symbol, name, description, industry, market cap) is fetched as JSON from a GitHub gist, and each tile shows the symbol and its score. Hovering reveals a tooltip, and the company name links to a NASDAQ query.

AI-generated description

The color uses a continuous 3-color scale from 0-10. The color scale floors the relation shore to make 10 color steps. 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