{"version":"1.0","type":"rich","title":"Fork of React + D3 Viz Starter","description":"This example demonstrates a reusable React component called `VizContainer` that abstracts SVG and group elements following the margin convention, rendering a dark outer rectangle, a light inner rectangle, and a pink circle. The code uses React 16 and D3 v6 via CDN links, with props controlling dimensions, margins, and colors. The `showMargins` boolean toggle visually highlights the chart’s margin area, which can be removed by deleting that prop. It serves as a minimal starter template for building React-based D3 visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b0e2b45e3f984f3e9b3f7ebf18936b52?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}