Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

CSV with P5

Public visualization

Viewing a saved revision (read-only)

b3dbb00d8cd245c190e4f0616b002b92

CSV with P5

0 stars0🌍 Public
CCurran Kelleher
Last edited Jan 31, 2024
Created on Jan 31, 2024
Forked from P5.js Starter

This example demonstrates one approach to loading and visualizing CSV data with P5.js. It renders a bar chart of car fuel economy values from the provided `cars.csv` dataset, drawing one rectangle per car with a width proportional to its miles-per-gallon rating. The sketch parses the relevant CSV column into numbers and uses P5’s `setup` and `draw` functions to render the static visualization, relying on the `createCanvas`, `rect`, `noStroke`, and `noLoop` APIs.

AI-generated description