Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Strip Chart with p5.js

Public visualization

Viewing a saved revision (read-only)

0db0ec3cd896404a93a963eb5a29749f

Strip Chart with p5.js

0 stars1🌍 Public
OOlha
Last edited Dec 5, 2022
Created on Feb 15, 2022

This visualization shows birth rates per 1000 people in Florida from 1988 to 2016, grouped by year along the x-axis with rates plotted on the y-axis. It uses a strip chart format where individual data points are rendered as yellow dots, with a subtle randomized horizontal jitter applied to reduce overplotting. The code loads CSV data via p5.js’s `loadTable`, processes it into a dictionary keyed by year, and draws the chart using p5.js canvas functions like `point()`, `line()`, and `text()`. Axes labels and gridlines are manually constructed, and a fixed random salt stored in `localStorage` ensures consistent jitter across reloads.

AI-generated description

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

See also React Starter.