🌍 Public
Viewing a saved revision (read-only)
e54f9aa9680b437587b37407c84e6bd1
Second React plus d3 Axes
This example displays a React line chart tracking cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus dataset. The chart renders as an SVG, with the line path generated by `d3.line()` and scales created via `scaleTime()` and `scaleLinear()`. Red marker lines highlight the current date and the three-million-death threshold, with the YMarkerLine and XMarkerLine components positioned using the scales. Axes are drawn with `axisBottom()` and custom React components that leverage `useRef` and `useEffect` to integrate D3 selections into the React lifecycle.
AI-generated descriptionLine chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.