Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart with React & D3

Public visualization

Bar Chart with React & D3

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

This bar chart displays the top 10 hour-level time slots with the highest average number of available bikes, drawn as horizontal rectangles. It loads CSV data from a GitHub-hosted Velib bike-sharing dataset through D3’s `csv` and aggregates values with `d3.rollups` and `d3.mean`. React manages the component state and renders an SVG, while D3’s `scaleBand` and `scaleLinear` position the bars; axes and marks are defined as reusable React components.

AI-generated description

Loading Data with React & D3

Comments

Sign in to join the discussion.

MIT Licensed