Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Dot Plot Chart of P5 CSV Loader in CS 360

Public visualization

Viewing a saved revision (read-only)

13f9c5da55b64e019d990884902ee6af

Fork of Dot Plot Chart of P5 CSV Loader in CS 360

0 stars0🌍 Public
Hhxu51@usfca.edu
Last edited Feb 4, 2025
Created on Feb 4, 2025

This example visualizes fuel economy (mpg) for a small set of cars, with each car represented as a horizontal bar sorted by its name, using p5.js. The sketch loads a CSV dataset of car specifications from a GitHub gist via the `loadTable()` function, then maps the economy values to bar widths on a custom-drawn axis. The chart uses `createCanvas()` and `map()` to scale the data, and truncates long car names to keep the display legible.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.