Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Area Chart

Public visualization

Viewing a saved revision (read-only)

6d274c52b4e64dd8a1e00a966634ee9e

Area Chart

0 stars3🌍 Public
TTejasriKari@my.unt.edu
Last edited Apr 2, 2025
Created on Apr 2, 2025
Forked from Line chart

This example shows how a hovering cursor over an area chart reveals the underlying data point for that year. The chart visualizes the relationship between age and monthly income using a smooth, semi-transparent blue area. Built with D3.js v7, it renders to an SVG canvas, with the area's path created via `d3.area` and its curve smoothed using `d3.curveMonotoneX`. Interactive tooltips appear on mouseover, displaying the exact year and sales values, with the code also incorporating standard D3 axes and scales for plotting.

AI-generated description