{"version":"1.0","type":"rich","title":"Activity-6Tutorial-3","description":"This example demonstrates a minimal VizHub project that renders a centered “Hello VizHub!” message using D3.js. It shows how to load D3 v5 from UNPKG, import the `select` function from the `d3` module, and use a local ES6 module (`myMessage.js`) to supply the text content. The code sets the text of a `div` element via `select('#message').text(message)`, with styling applied through an external CSS file. No data source is used; the visualization is purely text-based.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/694ae7d2241642838a84910392065a20?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}