{"version":"1.0","type":"rich","title":"Gender Pay Gap Dumbbell Chart","description":"This dumbbell chart displays the gender pay gap across 30 US occupations from 2016, with pink circles representing women's average salaries and blue circles representing men's, connected by horizontal lines. The visualization uses `d3.scaleLinear` and `d3.scaleBand` to map salaries and occupations, while `d3.axisBottom` and `d3.axisLeft` render the axes. The `d3.selection.join()` pattern manages the SVG elements dynamically, and `ResizeObserver` enables responsive dimensions. The chart includes interactive y-axis labels that dim non-related dumbbell groups on hover, and grid lines from `renderGridLines` improve readability.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/37a8e53940a746e0b4dfd3105fbf1f26?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}