Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

P5 CSV Loader in CS 360

Public visualization

Viewing a saved revision (read-only)

bb4388b36c6b4a4d95f93df7656f429e

P5 CSV Loader in CS 360

0 stars2🌍 Public
AAlark Joshi
Last edited Jan 30, 2025
Created on Jan 31, 2024
Forked from HTML Starter

This example shows a simple bar chart of fuel economy values for a collection of cars, with each bar’s length proportional to miles per gallon. The visualization uses the p5.js library’s `loadTable` function in `preload()` to fetch a CSV file from a GitHub Gist, then iterates through the `economy (mpg)` column in the `draw()` loop to render rectangles on an 800×800 canvas. The data source is the provided `cars.csv` file.

AI-generated description

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

See also React Starter.