{"version":"1.0","type":"rich","title":"IMPROVED Scatterplot using react and D3 with DropDown Menu","description":"This interactive scatterplot visualizes a sample of 200 defensive asylum cases, plotting wait times in days against the date cases entered the system. A dropdown menu filters data by year, and hovering over the color legend highlights points by decision code. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `scaleOrdinal` for axes and coloring. The SVG visualization includes custom React components for axes, marks, and an interactive color legend that adjusts opacity on hover.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6d76d9111375417d9a4d9e84bf93d276?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}