Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React-Select Interactive Menu | Number of HIV New Case

Public visualization

Viewing a saved revision (read-only)

7d100819fb2f4aa6a01da0958f478e30

React-Select Interactive Menu | Number of HIV New Case

0 stars0🌍 Public
CChristian Magelssen
Last edited Oct 23, 2020
Created on Oct 23, 2020

The visualization displays the number of new HIV cases per quarter across 50 districts, shown as layered line and circle marks. Users interact with a React-Select multi-select dropdown to filter which districts appear, with the chart updating dynamically. The code uses Vega-Lite API to build the layered specification, D3.js to load CSV data from a GitHub gist, and React for state management and re-rendering. Tooltips are enabled through Vega-Tooltip, while the chart’s size adapts to the window dimensions.

AI-generated description