Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart Transition

Public visualization

Line Chart Transition

0 stars0🌍 Public
KKkevingo
Last edited May 4, 2020
Created on May 4, 2020

This example shows a line chart drawing itself with a smooth stroke animation using d3.line and transition.attrTween, which interpolates the stroke-dasharray to simulate a pen-like drawing effect. The chart maps time and value fields from a CSV file (data.csv) to a time-scale x-axis and linear y-axis, rendering axes with d3.axisBottom and d3.axisLeft. The visualization is built with D3 v4, uses SVG elements, and is responsive, redrawing on window resize.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed