Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Aditya - React D3 Conditional Line Chart Practice

Public visualization

Fork of Aditya - React D3 Conditional Line Chart Practice

0 stars0🌍 Public
MMalempatiSaranya
Last edited Jul 2, 2022
Created on Jul 2, 2022

A line chart displays monthly risk values over time, with point markers colored green, amber, or red to indicate values below 50, between 50 and 75, or above 75, respectively. Dashed reference lines mark the 50 and 75 thresholds. The visualization, built with React and D3 v6, uses SVG for rendering and loads time-series data from a CSV file. D3's `scaleTime`, `scaleLinear`, and `line` functions generate the axes and path.

AI-generated description

Line chart with conditional point markers

Comments

Sign in to join the discussion.

MIT Licensed