{"version":"1.0","type":"rich","title":"Fork of React + D3 Viz Starter","description":"This example demonstrates a minimal React + D3 visualization boilerplate. It renders a blank SVG canvas with a gray outer rectangle and a light gray inner rectangle to visualize the margin convention. The `VizContainer` component abstracts the SVG and group elements, using a translate transform based on the provided margin values. The setup uses React 16.13.1, ReactDOM, and D3 v6.2.0 loaded via CDN, with dimensions and margins defined as variables in the main `App` component. The `showMargins` prop controls whether the container rectangles are displayed.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/da2082e3b7a642e6932d434544196fb0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}