visualization-3.js

import {Doughnut, Line} from 'react-chartjs-2';
import ReactHeatmap from 'react-heatmap-grid';

...

//Doughnut
<Doughnut
    data={this.state.piechartData}
    width={1000}
    height={400}
    options={{
        maintainAspectRatio: false,
        title:{
            display: true,
            text: 'Number of tweets by NYU schools',
            fontSize: 15
        },
        legend:{
            display: true,
        }
    }}
/>

//ReactHeatmap
<ReactHeatmap
    xLabels={this.state.heatmapData.xLabels}
    yLabels={this.state.heatmapData.yLabels}
    yLabelTextAlign={"right"}
    xLabelsLocation={"bottom"}
    onMouseEnter={() => alert(`hi`)}
    cellStyle={(background, value, min, max, data, x, y) => ({
    background: `rgb(87, 6, 140, ${1 - (max - value) / (max - min)})`,
    fontSize: "10px",
    })}
    cellRender={value => value && `${value}`}
    data={this.state.heatmapData.data}
/>