Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart with React & D3

Public visualization

Viewing a saved revision (read-only)

e131adbfa5bf464dacba9beed45e3adc

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