Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Time Series with Interaction

Public visualization

Time Series with Interaction

0 stars0๐ŸŒ Public
CChandana Srinivas
Last edited Apr 22, 2024
Created on Apr 20, 2024
Forked from HTML Starter

This example presents monthly housing data from January 1991 to April 2013, displaying two time series: the Housing Price Index (HPI) and the number of homes sold. The visualization uses D3.js v7 with SVG rendering and an animated, interactive line chart. Users can hover over a line to highlight it while dimming others to light grey, or click a series to toggle its visibility. The implementation leverages `d3.line`, `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom` within a React framework.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed