JSFiddle - React, Tailwind, and code Playground

CSS

body {
    font: 10px sans-serif;
}
.axis path, .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}
.bar {
    /*fill: steelblue;*/
}
.x.axis path {
    display: none;
}
</style>

JavaScript

var mdata = [];
var mnames = [];
var rowID = [];

jsondata = [{
    "RowID": 1,
        "Distillery": "Aberfeldy",
        "Body": 2,
        "Sweetness": 2,
        "Smoky": 2,
        "Medicinal": 0,
        "Tobacco": "0",
        "Honey": 2,
        "Spicy": 1,
        "Winey": 2,
        "Nutty": 2,
        "Malty": 2,
        "Fruity": 2,
        "Floral": 2
}, {
    "RowID": 2,
        "Distillery": "Aberlour",
        "Body": 3,
        "Sweetness": 3,
        "Smoky": 1,
        "Medicinal": 0,
        "Tobacco": "0",
        "Honey": 4,
        "Spicy": 3,
        "Winey": 2,
        "Nutty": 2,
        "Malty": 3,
        "Fruity": 3,
        "Floral": 2
}, {
    "RowID": 3,
        "Distillery": "AnCnoc",
        "Body": 1,
        "Sweetness": 3,
        "Smoky": 2,
        "Medicinal": 0,
        "Tobacco": "0",
        "Honey": 2,
        "Spicy": 0,
        "Winey": 0,
        "Nutty": 2,
        "Malty": 2,
        "Fruity": 3,
        "Floral": 2
}, {
    "RowID": 4,
        "Distillery": "Ardbeg",
        "Body": 4,
        "Sweetness": 1,
        "Smoky": 4,
        "Medicinal": 4,
        "Tobacco": "0",
        "Honey": 0,
        "Spicy": 2,
        "Winey": 0,
        "Nutty": 1,
        "Malty": 2,
        "Fruity": 1,
        "Floral": 0
}, {
    "RowID": 5,
        "Distillery": "Ardmore",
        "Body": 2,
        "Sweetness": 2,
        "Smoky": 2,
        "Medicinal": 0,
        "Tobacco": "0",
        "Honey": 1,
        "Spicy": 1,
        "Winey": 1,
        "Nutty": 2,
        "Malty": 3,
        "Fruity": 1,
        "Floral": 1
}, {
    "RowID": 6,
        "Distillery": "ArranIsleOf",
        "Body": 2,
        "Sweetness": 3,
        "Smoky": 1,
        "Medicinal": 1,
        "Tobacco": "0",
        "Honey": 1,
        "Spicy": 1,
        "Winey": 1,
        "Nutty": 0,
        "Malty": 1,
        "Fruity": 1,
        "Floral": 2
}, {
    "RowID": 7,
        "Distillery": "Auchentoshan",
        "Body": 0,
       ...