{"version":"1.0","type":"rich","title":"React-Select Interactive Menu | Number of HIV New Case","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b1ce2eb298542af8b6c1f06408fc0e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}