{"version":"1.0","type":"rich","title":"React + D3 Hooks template","description":"A scatter plot visualizes student eye colors, encoding each color's red, green, and blue components along the x and y axes while using circle area for blue intensity. The React component uses the `useEffect` and `useRef` hooks to integrate D3 v5, loading eye-color and gender data from a GitHub gist. D3 scales map RGB values to pixel coordinates, and animated transitions with `d3.easeBounce` adjust circle positions and radii over 1.5 seconds.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0c7b96d6d24c4a16a3e31eb3df9eb1e6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}