This example visualizes monthly temperature variations in Bangalore across three years (2020–2022) as a multi-line chart with gradient-filled areas. It displays trends for each year using distinct colors and includes interactive zooming via mouse wheel and pinch gestures. The visualization is rendered on a Canvas element using Chart.js, with datasets defined in plain JavaScript and gradient backgrounds generated through the Canvas API with `createLinearGradient`. The chart also features tooltips, a bottom legend, and labeled axes for month and temperature.