{"version":"1.0","type":"rich","title":"ICE 6: Rendering Marks and Channels with React & D3 -  Scatter Plot","description":"This example renders a scatter plot using React and D3. It demonstrates how to combine D3’s `select` function with local ES6 modules to update a message on the page. The code loads D3 via UNPKG and uses the `import` syntax to access D3 APIs and a custom module. The visualization displays a scatter plot, with the message “Hello VizHub!” shown prominently. The example highlights the integration of D3’s mark and channel rendering within a React environment.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1fe37b34f0eb460a82c717d086133a85?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}