Skip to main content
100%

s of Data Visualization - ICE-6 - Bar chart

✓ Published0🌍 Public
SSaahithi49
Last edited Jun 26, 2022
Created on Jun 25, 2022

This bar chart displays the world’s top 10 revenue-generating athletes, showing their total pay in millions of dollars. It highlights how D3 axes can be customized with blue tick labels and red gridlines. The code uses React hooks with `useState` and `useEffect` to fetch CSV data, then renders SVG rectangles via D3’s `scaleBand` and `scaleLinear`. Custom axes are drawn manually, while the chart loads data from a GitHub gist URL.

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