Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Area Chart

Public visualization

ICE 7 Area Chart

0 stars0🌍 Public
YYashwanth0311
Last edited Mar 26, 2024
Created on Mar 26, 2024
Forked from ICE 7 Area Chart

This visualization displays the average temperature of Vancouver from 2010 to 2020 as a smooth line chart with a gradient-filled area beneath the curve. The y-axis shows temperature in Kelvin with a truncated format, while the x-axis represents years. Built with D3.js v5, it uses `scaleTime`, `scaleLinear`, `line`, and `area` generators with a `curveBasis` interpolation. Data is loaded from a CSV via `d3.csv`, and the area is filled using an SVG linear gradient transitioning from solid purple to transparent.

AI-generated description

combined line and area charts

Comments

Sign in to join the discussion.

MIT Licensed