Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

p5.js.boxplot

Public visualization

Viewing a saved revision (read-only)

acc3eee748694e4988af903e7607dfb2

p5.js.boxplot

0 stars0🌍 Public
EEunice Tu
Last edited Feb 8, 2024
Created on Feb 8, 2024
Forked from p5.js.histogram

This p5.js visualization shows a boxplot of car engine horsepower across different models from 2009–2012, using data from the CORGIS cars dataset. The sketch loads a CSV via `loadTable()` in `preload()`, then calculates the minimum, quartiles, median, and maximum values from the horsepower column. It draws tick marks, axis labels, and statistical summary annotations using p5.js canvas API functions like `line()`, `rect()`, and `text()`. The dark background and white strokes highlight the distribution of horsepower in the sample.

AI-generated description

'https://gist.githubusercontent.com/eunicetu16/2192dfd3f280dc9d0b96bb83c89dbd7b/raw/1f5e5c08cb40178bf14ab08586c74666da072d44/city_mpg.csv'

The original dataset is from 'https://corgis-edu.github.io/corgis/csv/cars/', and take only 'Fuel Information.City mpg' columns and group them into 8 groups. And have the counts for each group.