Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of D3 Starter

Public visualization

Fork of D3 Starter

0 stars0๐ŸŒ Public
Ccsesomarajuaswini@gmail.com
Last edited Mar 28, 2026
Created on Mar 28, 2026
Forked from D3 Starter

This area chart visualizes the relationship between Age and Marks, using a light blue fill with a blue stroke to represent the trend. The SVG graphic is rendered using D3 v7, with data loaded from an external CSV file hosted on GitHub. The code sorts the data by age and constructs the area using the `d3.area` generator. Linear scales (`d3.scaleLinear`) map the age and marks values to pixel coordinates, while `d3.axisBottom` and `d3.axisLeft` add the axes, and text elements label the chart, its axes, and title.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed