Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE 7 Area Chart

Public visualization

Viewing a saved revision (read-only)

cd98a33246334165837ca4f350d92119

Fork of ICE 7 Area Chart

0 stars0🌍 Public
Ppravallikayaram12
Last edited Mar 28, 2022
Created on Mar 28, 2022
Forked from ICE 7 Area Chart

This example visualizes the sales of cars in India from 2009–19 as a horizontal bar chart, showing the age of the top ten players from a CSV dataset. The bars are rendered as SVG rectangles, with scales created using `d3.scaleBand` and `d3.scaleLinear` to map player names and ages. Data is loaded asynchronously via `d3.csv` and rendered through a React component using `React.useState` and `React.useEffect`. Grid lines and axis ticks are generated from `xScale.ticks()`, with styling applied via an external CSS file.

AI-generated description

combined line and area charts