{"version":"1.0","type":"rich","title":"pseudo-scatter-plot-with-d3","description":"This example presents a clickable scatter plot rendered with D3.js and the d3-rosetta utility library, which enables unidirectional data flow. It loads data from a CSV file containing circle positions, radii, and colors, and renders them as interactive SVG circles. When clicked, a circle becomes highlighted with a black stroke and raised to the front. The visualization demonstrates d3-rosetta’s `unidirectionalDataFlow`, `createStateField`, and `one` utilities, along with D3’s `select`, `csv`, and data joins for updating the DOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ee1754d274564138ad82402ce78347a1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}