Skip to main content
100%

Boxplot

✓ Published0🌍 Public
SShazil Taqi
Last edited Feb 13, 2024
Created on Feb 12, 2024
Forked from HTML Starter

This example renders a box plot using the p5.js library through its `rect()` and `line()` functions within the `draw()` loop. The visualization displays five-number summary statistics—minimum, first quartile, median, third quartile, and maximum—as a rectangular box with whiskers extending to the extremes. Synthetic data is generated directly in the sketch using JavaScript arrays and mathematical calculations. The plot is drawn on a canvas created by `createCanvas()`, with axes and labels positioned manually through coordinate arithmetic. The code demonstrates a straightforward implementation of statistical visualization without external data sources.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes