Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of P5js Heatmap

Public visualization

Fork of P5js Heatmap

0 stars0🌍 Public
TTushar Upadhyay
Last edited May 10, 2023
Created on May 10, 2023
Forked from P5js Heatmap

This fork of a P5.js heatmap visualizes the relationship between car brand, horsepower, and MPG for six manufacturers. The sketch loads a CSV file from a GitHub gist and renders a 2-column grid of colored squares, where each square's hue is mapped from the minimum to maximum values for each metric. Using the p5.js `loadTable` API, it colorizes data points from green (higher values) to orange (lower values), and includes a legend explaining the gradient. The visualization highlights how Porsche and Mercedes-AMG prioritize horsepower while Volkswagen optimizes fuel efficiency.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed