{"version":"1.0","type":"rich","title":"Activity6","description":"This example demonstrates how to use D3.js v5 within a VizHub project to display a custom message on a webpage. It shows a simple text rendering workflow, where the message \"Hello VizHub!\" is centered and styled using CSS. The code imports the `select` function from D3 and a local ES6 module exporting the message string. D3’s `select` method targets the `#message` div and sets its text content. The project also illustrates loading D3 from a CDN via UNPKG and bundling local ES6 modules.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9fada666e04d4313929d3fd2c947f94f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}