{"version":"1.0","type":"rich","title":"Exploring survey data interactively - both axes","description":"This interactive scatterplot from a survey dataset lets users explore relationships between variables by selecting both the x- and y-axis fields via dropdown menus. Using D3.js v5 with SVG rendering, the visualization updates dynamically through the general update pattern, re-nesting data with `d3.nest().rollup()` and re-drawing bars and axes when either selection changes. The code employs d3.scaleBand and d3.scaleLinear for the axes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/43ce9519ea6a49cea4cdd9e5face9f62?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}