Export Image
Export Code

ICE-6: Rendering Marks & Channels with "React & D3"

saijahnaviappineni

Last edited Jun 25, 2022
Created on Jun 25, 2022

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
MIT Licensed