Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

bar chart

Public visualization

Viewing a saved revision (read-only)

d03f4d2a3c3243cb8539ed31680f8b37

bar chart

0 stars0🌍 Public
KKwasi Acquaye
Last edited Feb 6, 2024
Created on Feb 6, 2024
Forked from Circles with D3

This bar chart displays global sales figures for nine video games, using horizontal positioning to rank titles like Call of Duty: Black Ops 3 and FIFA 16. Built with p5.js, the sketch loads a CSV file via `loadTable` in `preload()`, then renders rectangles with the `rect()` API, mapping sales values to bar heights. Y-axis labels are drawn programmatically, while game names appear rotated beneath each bar, with axis margins defined as constants.

AI-generated description

Creating circles with D3.

Challenge

  • Fork this example
  • Modify it
  • Maybe make it Halloween themed
  • Maybe make it Christmas themed
  • Be creative

Svelte

Here's a video on how to get started with Svelte as well!