856 B

Raw Blame History

D3 Base Component

Integrate React Lifecyle methods with d3.js charts.

Base Component Responsibilities

Create and manage mounting and unmounting parent div and svg
Handle resize events, resulting re-renders, and event listeners
Handle re-renders as a result of new props

Props

className

{ string } A class to be applied to the parent div

getParams( node )

{ function } A function returning an object containing required properties for drawing a chart. This object is created before re-render, making it an ideal place for calculating scales and other props or user input based properties.

svg { node } The parent div. Useful for calculating available widths

drawChart( svg, params )

{ function } draw the chart

svg { node } Base element
params { Object } Properties created by the getParams function

856 B Raw Blame History