{"version":"1.0","type":"rich","title":"Activity 6","description":"This example demonstrates a minimal setup for integrating D3.js with ES6 modules in VizHub. It displays a large, centered “Hello VizHub!” message by dynamically setting the text content of an HTML element. The code imports the `select` function from D3 via UNPKG, and imports a local ES6 module exporting the message string. It uses D3’s `select` and the `text` method to update the targeted div, with styling applied through an external CSS file. The example illustrates basic module imports, CDN loading, and DOM manipulation with D3.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b901a083f0d347638df005700d57fa74?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}