{"version":"1.0","type":"rich","title":"d3_tutorial2","description":"This example demonstrates how to use React and D3 together within a VizHub project, rendering a simple “Hello” message that displays the text “package.json” inside a styled `<pre>` tag. The code imports `select` from d3, but does not use it in the visible logic, while React and ReactDOM handle the DOM creation and rendering. The `package.json` file defines dependencies and custom `vizhub.libraries` mappings, which tell VizHub to load React and ReactDOM from a CDN via UMD builds. The example showcases VizHub’s package management feature without requiring manual script tags in `index.html`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d26246011c6b45f7aad7dacbe4e45643?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}