Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-6(11630234)

Public visualization

Viewing a saved revision (read-only)

ee6e05c8da754e70846c96046afacea7

ICE-6(11630234)

0 stars0🌍 Public
KKovvuri Supraj
Last edited Mar 9, 2023
Created on Mar 9, 2023
Forked from HTML Starter

A horizontal bar chart displays the top 15 streamed Spotify songs by duration, loading data from a CSV file via `d3.csv`. The React app uses `useState` and `useEffect` to fetch and slice the dataset, then renders SVG rectangles with `d3.scaleBand` for the y-axis and `d3.scaleLinear` for the x-axis. Axis ticks are drawn manually with SVG lines and text, while the chart is styled against a grey background.

AI-generated description