Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

HTML Starter

Public visualization

Viewing a saved revision (read-only)

1f76eb1c0b6842c0bc28d3f677fee8c8

HTML Starter

0 stars1🌍 Public
Aashpradhan01123
Last edited Jul 28, 2020
Created on Jul 28, 2020
Forked from HTML Starter

This example animates the drawing of a line chart, transitioning each data point from the bottom of the plot to its correct position over time using a staggered delay. The visualization uses Apple’s stock closing price data, rendered with a custom easing function and a line path. Built with React, the code leverages Observable’s `d3.select`, `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, `d3.line`, and a timer to orchestrate the animation, with axes and a styled steelblue stroke.

AI-generated description

A bare minimum HTML page.

See also React Starter.