Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Heat Map

Public visualization

Heat Map

0 stars0🌍 Public
Sshatomouimena
Last edited Nov 10, 2021
Created on Nov 4, 2021
Forked from React Starter

This heat map visualizes five car models from a CSV dataset, plotting engine displacement (hubraum) on the x-axis and car name on the y-axis, with cell colors encoding horsepower (leistung) using conditional fills (SteelBlue, LightSteelBlue, and Orange). Built with D3 v7 and SVG rendering, the code uses `d3.scaleLinear` for the x-axis, `d3.scaleBand` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for the axes. The cells are drawn as rectangles with attribute-based data binding, and the legend text explains the maximum power and speed values.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed