Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

P5 Dot Plot

Public visualization

Viewing a saved revision (read-only)

8792e8bb7c354177b22f46e35eeb030b

P5 Dot Plot

0 stars0🌍 Public
Mmariahdiaz
Last edited Sep 20, 2022
Created on Sep 6, 2022
Forked from HTML Starter

This example visualizes natural gas prices in the industrial sector from 1961 to 2016 using a dot plot. Each dot represents a sampled year, positioned horizontally by price and vertically by time, with labels for both the year and price value. The code uses the p5.js library, loading CSV data from a GitHub repository via `loadTable`, then rendering points, text, and axis lines on a 600x500 canvas. The plot includes a labeled x-axis for price increments and annotations for the most and least expensive years.

AI-generated description

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

See also React Starter.