Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 7 Area Chart

Public visualization

Viewing a saved revision (read-only)

451f8fdc575f4fb29739fd22697d2f9d

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