D3 Kreisdiagramm: Uncaught Typ-Fehler - Cannot read property 'pie' undefined

Ich bin versucht zu erstellen, eine d3-Kreisdiagramm basiert off dieser Ressource.

Jedoch bekomme ich die folgende Fehlermeldung:

Nicht erfassten Typ-Fehler - Cannot read property 'pie' undefined

Mein code:

class PieChart extends React.Component {
constructor() {
    super();

//- This is where the error is occuring!

    this.pie = d3.layout.pie().value((d) => d.value);
    this.colors = d3.scale.category10();

}

arcGenerator(d, i) {
    return (
        <LabeledArc key = {`arc-${i}`}
                    data = {d}
                    innerRadius = {this.props.innerRadius}
                    outerRadius = { this.props.outerRadius }
                    color = {this.colors(i)} />
    );

}

render() {

    console.log('Render Method Fires');
    let pie = this.pie(this.props.data),
        translate = `translate(${this.props.x}, ${this.props.y})`;

    return (
             <g transform={translate}>
                {pie.map((d, i) => this.arcGenerator(d, i))}

            </g>
        );

    }
}

Ich glaube, ich habe alles richtig eingestellt. Im mit reagieren-Schienen gem sowie die d3-Schienen. Ich hatte zu downloaden d3.js und setzen es direkt in mein js-Ordner, um loszuwerden, der 'nicht finden können, d3'.

Kann jemand mich in die richtige Richtung, haben Sie vielleicht eine bessere Ressource für das hinzufügen von d3 + reagieren Funktionalität in rails?