Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Stylised Bar Chart with React & D3

Public visualization

Stylised Bar Chart with React & D3

0 stars2🌍 Public
MManon ROMAIN
Last edited Oct 13, 2021
Created on Oct 13, 2021

This stylized bar chart displays the total number of available bikes per hour, aggregated from a CSV file of Vélib’ station data. Built with React and D3 v7, the visualization loads the dataset via `d3.csv`, groups entries with `d3.rollups`, and sorts the results to highlight the top ten busiest hours. The code uses `d3.scaleBand` and `d3.scaleLinear` to position colored rectangles, with SVG axes and labels rendered through custom React components, all styled with the Poppins font.

AI-generated description

Loading Data with React & D3

Comments

Sign in to join the discussion.

MIT Licensed