Skip to main content
100%

Area chart ICE-7

✓ Published0🌍 Public
Aavinashpandian79@gmail.com
Last edited Oct 27, 2025
Created on Oct 27, 2025
Forked from D3 Starter

This area chart visualizes the runs scored by 20 cricketers from various teams in 2024, with each player labeled on the x-axis and their total runs on the y-axis. The chart uses D3.js v7 to generate an SVG rendering, employing `d3.area` to create the filled region beneath a `d3.line` overlay, while `d3.scalePoint` positions the players and `d3.scaleLinear` maps the runs. Orange dots are added using `d3.selectAll` with `join` to mark individual data points, and each dot includes a title tooltip showing the player’s name and runs. Data comes from the `cricket_stats.csv` file, loaded asynchronously via `d3.csv`.

AI-generated description
MIT Licensed

Similar vizzes