{"version":"1.0","type":"rich","title":"H1B Petition with Interactive Legend for Case Status","description":"This interactive map visualizes H1B petition case statuses across U.S. cities. A colored dot represents each city, with its hue indicating the case status category. An interactive legend of statuses allows hovering to highlight cities with that status, dimming all others for easy comparison. Built with React and d3.v5, the visualization uses `d3.geoPath` and `geoAlbers` projection for the U.S. map, `d3.scaleOrdinal` for color mapping, and an SVG-based custom legend component that handles mouse events. Data comes from a CSV file containing city coordinates and case counts.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b31359c36c684fc2a0c980d7685e4912?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}