Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

P5js Barchart

Public visualization

P5js Barchart

0 stars0🌍 Public
Ddriftcafe
Last edited Feb 8, 2022
Created on Feb 8, 2022
Forked from HTML Starter

This bar chart displays the average horsepower for six German car brands, visually sorted by the highest-performing manufacturers. The visualization uses p5.js, creating a canvas that renders brand labels, a grid with axis lines, and colored rectangular bars drawn with the `rect()` function. Horsepower values are loaded from a CSV file using `loadTable()` and mapped to bar widths, while a rotated text label identifies the dataset. The rendering is static within the `draw()` loop, using grid lines and tick marks to establish the numeric scale.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed