Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

P5 Histogram

Public visualization

P5 Histogram

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

This example displays a histogram of kerosene consumption in billion BTU, with data binned into eight ranges from 0-100 to 701-800. The visualization uses p5.js functions like `createCanvas`, `loadTable`, `rect`, and `line` to render the bars and grid. The data is loaded from a CSV file hosted on GitHub, and the chart includes labeled axes and a title. The code manually assigns each row to a bin and scales bar heights by a factor of 20, rather than using a dedicated charting library.

AI-generated description

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

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed