Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of React + D3 Viz Starter

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

128a71eec30f45d7a9ad28cd9f5c276f

Open

Fork of React + D3 Viz Starter

0 stars0🌍 Public
CChaBoiYungMoney
Last edited Apr 19, 2022
Created on Apr 19, 2022

This example provides a minimal React + D3 starter template that establishes a reusable `VizContainer` component. The component abstracts SVG and group elements while implementing the margin convention, with optional visual guides for the margins that can be toggled off. The rendering relies on React 16.13.1 for component management and d3.v6 for selections and utility functions, with all libraries loaded via CDN in the HTML file.

AI-generated description

Boilerplate code for a React + D3 visualization with:

  • CDN links for React, ReactDOM, and D3
  • Basic React boilerplate
  • Variables for dimensions and margins
  • A VizContainer component that:
    • Abstracts SVG/group container elements
    • Follows the margin convention
    • Show the margins, which can be easily removed by deleting the showMargins={true} prop