Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE -7 AreaChart

Public visualization

ICE -7 AreaChart

0 stars7🌍 Public
Cchalasanigayaetiri@gmail.com
Last edited Mar 28, 2024
Created on Mar 27, 2024
Forked from ICE-7 LineChart

This area chart visualizes student marks distribution using D3.js v7, rendering an SVG with a steelblue gradient fill beneath the line. The chart loads CSV data from a GitHub gist, parsing label and students columns, then maps them to x and y axes using `scaleLinear`. It constructs the area path via `d3.area()`, applies a `linearGradient` for the fill, and labels axes as “Total Marks” and “Students”. Styling includes a bordered, rounded container background.

AI-generated description

A simple line chart with D3 showing the US Airline Traffic Dataset.

Comments

Sign in to join the discussion.

MIT Licensed