Charts In React - Article resources

ref.js

import React, { Component } from 'react';
import { select } from 'd3-select';

class LineChart extends Component {
  componentDidMount() {
    this.renderChart();
  }

  renderChart() {
    const svg = select(this.containerEl);
    // ... d3 logic goes here
  }

  render() {
    return (
      <svg
        width="960"
        height="500"
        ref={el => this.containerEl = el}
      />
    );
  }
}