Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

API Heatmap - brand colors floor extent

Public visualization

Viewing a saved revision (read-only)

126f9c71b29541ca82033990fa22e2a1

API Heatmap - brand colors floor extent

0 stars1🌍 Public
MMark Lam
Last edited Nov 12, 2021
Created on Nov 12, 2021

This visualization displays a 5-by-4 grid heatmap of stock symbols, where each cell’s color encodes a relation score between a company and a selected brand. The fill uses d3.scaleLinear with a three-stop domain mapping to a two-color range, while a separate scaleLinear floors scores into ten discrete legend steps. It renders as SVG using d3.v7, with tooltips and a side panel showing company details on hover.

AI-generated description

The color uses a continuous 2-color scale which maps the minimum and maximum relation scores. The color scale floors the relation score to make 10 color steps. An advantage is that it shows perceptable differences within the basket selection. A disadvantage is that it may be misleading.