JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.webdatarocks.com/latest/webdatarocks.min.css">
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.toolbar.min.js"></script>
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.js"></script>
<div id="wdr-component"></div>

JavaScript

var pivot = new WebDataRocks({
	container: "#wdr-component",
	toolbar: true,
	height: 395,
	report: {
    dataSource: {
      filename: "https://cdn.webdatarocks.com/data/data.csv"
    },
        "slice": {
        "rows": [{
                "uniqueName": "Category",
                "caption": "Category_Localized"
            }
        ],
        "columns": [{
            "uniqueName": "Color",
          	"caption": "Color_Localized"
        }],
        "measures": [{
                "uniqueName": "Price",
                "aggregation": "sum",
                "caption": "Price_Localized"
            }
        ]
    }
  }
});