Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Aditya - React D3 Conditional Line Chart Practice

Public visualization

Viewing a saved revision (read-only)

3b9f7caa1f604aa9a8f27d4c11ae00db

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