Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Data Visualization - ICE-6 - Bar chart

Public visualization

Fork of Data Visualization - ICE-6 - Bar chart

0 stars1🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed