{"version":"1.0","type":"rich","title":"Double input Test","description":"Two range sliders control the height and width of a blue-outlined rectangle centered in an SVG canvas. The visualization demonstrates how user input directly updates geometric attributes, with each slider labeled and displaying its current numeric value. Built with D3 v4, the code uses `d3.select` to attach `input` event listeners and `selectAll(\"rect\").attr` to modify the rectangle’s dimensions and position. The rectangle’s center remains fixed as its size changes, with height and width adjusted independently via separate update functions.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-34c572c247c206151c41c86b06ea2478?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}