JSFiddle - React, Tailwind, and code Playground

by zstone422

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <div id="sankey_basic" style="width: 900px; height: 300px;"></div>

JavaScript

google.charts.load('current', {'packages':['sankey']});
      google.charts.setOnLoadCallback(drawChart);

      function drawChart() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'From');
        data.addColumn('string', 'To');
        data.addColumn('number', 'Weight');
        data.addRows([
          [ 'BELOW 2017 (N=39,476)', 'MASTERED 2018 (N=10,218)', 26 ],
          [ 'BELOW 2017 (N=39,476)', 'ON TRACK 2018 (N=52,213)', 764 ],
          [ 'BELOW 2017 (N=39,476)', 'APPROACHING 2018 (N=75,990)', 13329 ],
          [ 'BELOW 2017 (N=39,476)', 'BELOW 2018 (N=37,429)', 25357 ],
  				[ 'APPROACHING 2017 (N=74,932)', 'MASTERED 2018 (N=10,218)', 572 ],
    		  [ 'APPROACHING 2017 (N=74,932)', 'ON TRACK 2018 (N=52,213)', 15136 ],
     			[ 'APPROACHING 2017 (N=74,932)', 'APPROACHING 2018 (N=75,990)', 47650 ],
          [ 'APPROACHING 2017 (N=74,932)', 'BELOW 2018 (N=37,429)', 11574 ],
          [ 'ON TRACK 2017 (N=50,383)', 'MASTERED 2018 (N=10,218)', 4852 ],
          [ 'ON TRACK 2017 (N=50,383)', 'ON TRACK 2018 (N=52,213)', 30510 ],
          [ 'ON TRACK 2017 (N=50,383)', 'APPROACHING 2018 (N=75,990)', 14537 ],
          [ 'ON TRACK 2017 (N=50,383)', 'BELOW 2018 (N=37,429)', 484 ],
          [ 'MASTERED 2017 (N=11,059)', 'MASTERED 2018 (N=10,218)', 4768 ],
          [ 'MASTERED 2017 (N=11,059)', 'ON TRACK 2018 (N=52,213)', 5803 ],
          [ 'MASTERED 2017 (N=11,059)', 'APPROACHING 2018 (N=75,990)', 474 ],
          [ 'MASTERED 2017 (N=11,059)', 'BELOW 2018 (N=37,429)', 14]

        ]);

        // Sets chart options.
        var colors = ['#d7191c', '#1a9641', '#a6d96a', '#fdae61',
                  '#d7191c', '#fdae61', '#a6d96a', '#1a9641' ];
        var options = {
          width: 800, height: 600,
          sankey: {
          node: {
          colors: colors,
          label: {fontName: 'Arial',
          fontSize: 12,
          bold: true,}
          },
          link: {
          colorMode: 'gradient',
    ...