Skip to main content
100%

Fork of Data Visualization - ICE-6 - Bar chart

✓ Published1🌍 Public
NNHRK555
Last edited Jun 25, 2022
Created on Jun 25, 2022

This visualization displays a horizontal bar chart of the world’s top 10 revenue-generating athletes, with bars sized by total pay in millions of dollars. The React component uses `useState` and `useEffect` to load CSV data via D3’s `csv` method, then renders SVG rectangles scaled with `scaleBand` and `scaleLinear`. Custom axes are drawn manually, including tick lines and labels, while CSS styles colored bars red and tick text blue. Data originates from a GitHub Gist, loaded asynchronously before rendering the chart.

AI-generated description

This bar chart shows population of the top 10 most revenue atheletes. It also demonstrates customization of D3 axes.

MIT Licensed

Similar vizzes