{"version":"1.0","type":"rich","title":"activity6_Task4","description":"This example displays the text “Hello VizHub!” centered on a blank page. It uses D3.js to select the HTML element with the ID `message` and set its text content. The page’s styling is defined in a separate CSS file, which sets the text alignment, font size, and color. The code demonstrates a basic D3 workflow: importing D3 functions, using `d3.select()` to target a DOM element, and updating its content dynamically. The example runs in a simple HTML structure that loads D3 from a CDN and includes a JavaScript bundle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3c746ce4c79a45a389703f9eddc64e4c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}