Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Progress S Curve

Public visualization

Fork of Progress S Curve

0 stars0๐ŸŒ Public
HHe
Last edited Oct 26, 2021
Created on Oct 5, 2021
Forked from Progress S Curve

This chart visualizes project progress as an S-curve, comparing planned versus actual cumulative values over time, with milestone markers and a bar chart of monthly increments. It uses D3 v7 to render SVG elements including lines, areas, and rectangles. The implementation supports synchronized zooming and panning on both axes through d3.zoom, with separate zoom behaviors for X and Y. The data loads from a CSV file containing plan, actual, and date fields.

AI-generated description

This line chart shows one week of temperature (in degrees Celcius) in San Francisco. The data comes from Data Canvas - Sense Your City. To do list

  1. Panning control in Min & Max of both axis
  2. Force fitting of data lable : https://lvngd.com/blog/rectangular-collision-detection-d3-force-layouts/ https://bl.ocks.org/mbostock/8033015 http://bl.ocks.org/larskotthoff/11406992
  3. default state of zoom by Home button
  4. Milestone on/off toggle button:

Comments

Sign in to join the discussion.

MIT Licensed