Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vertical Bar Chart with React & D3

Public visualization

Viewing a saved revision (read-only)

f5a340c0ec994db8ac8faa20e3e6f92f

Vertical Bar Chart with React & D3

0 stars0🌍 Public
AAditya Khandelwal
Last edited May 1, 2021
Created on May 1, 2021

A vertical bar chart built with React and D3 renders a CSV dataset of activities and their counts as steelblue SVG rectangles. The chart computes a band scale for the categorical x-axis and a linear scale for the numeric y-axis, with axes generated using `d3.axisBottom` and `d3.axisLeft`. A custom `useD3` hook handles SVG selections and updates the bars, while the React component loads the CSV asynchronously via `d3.csv` and passes the data to the chart.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!