← Back to Module 02

Daily Pageviews — Last 30 Days

Canvas line chart with filled area and hover tooltips. View source to see the full implementation.

How it works: This chart uses a hand-built linearScale() function to map data values to pixel coordinates. Hover over any point to see the exact date and pageview count. The tooltip is an HTML <div> positioned over the canvas — not drawn on it — so we never need to redraw the chart on mouse move.