🌍 Public
Fork of React + D3 Viz Starter
This starter example renders an empty SVG canvas with configurable margins using React and D3. The `Explosion` component creates an SVG group element translated by fixed margin values, while `showMargins` toggles visual guides for layout debugging. It imports React and ReactDOM from CDN links, along with D3 v6.2.0, and draws no data-driven shapes—serving purely as a boilerplate foundation for React-based D3 visualizations.
AI-generated descriptionBoilerplate code for a React + D3 visualization with:
- CDN links for React, ReactDOM, and D3
- Basic React boilerplate
- Variables for dimensions and margins
- A
VizContainercomponent that:- Abstracts SVG/group container elements
- Follows the margin convention
- Show the margins, which can be easily removed by deleting the
showMargins={true} prop
MIT Licensed
Comments
Sign in to join the discussion.