JSFiddle - React, Tailwind, and code Playground

by chaloisaza

HTML

<!doctype html>
<meta charset="utf-8">

<!-- load D3js -->
<script src="//d3plus.org/js/d3.js"></script>

<!-- load D3plus after D3js -->
<script src="//d3plus.org/js/d3plus.js"></script>

<!-- create container element for visualization -->
<div id="viz"></div>

JavaScript

var sample_data = [
  {
            "json_featuretype": "NewFeatureType",
            "value": 40359,
            "2018 downloads": "150",
            "2018 % total downloads ": "0.000268577506096709",
            "All the time % total of downloads  ": "0.00510219432661376",
            "name": "Bing",
            "xlsx_row_id": 2
        },
        {
            "json_featuretype": "NewFeatureType",
            "value": 185489,
            "2018 downloads": "39016",
            "2018 % total downloads ": "0.0698587998524614",
            "All the time % total of downloads  ": "0.0234495632560088",
            "name": "Facebook",
            "xlsx_row_id": 3
        },
        {
            "json_featuretype": "NewFeatureType",
            "value": 3712118,
            "2018 downloads": "71512",
            "2018 % total downloads ": "0.128043430773253",
            "All the time % total of downloads  ": "0.469286835633212",
            "name": "Google",
            "xlsx_row_id": 4
        },
        {
            "json_featuretype": "NewFeatureType",
            "value": 91257,
            "2018 downloads": "3954",
            "2018 % total downloads ": "0.00707970306070926",
            "All the time % total of downloads  ": "0.0115367315261476",
            "name": "IDB Blogs",
            "xlsx_row_id": 5
        },
        {
            "json_featuretype": "NewFeatureType",
            "value": 268514,
            "2018 downloads": "17894",
            "2018 % total downloads ": "0.0320395059606301",
            "All the time % total of downloads  ": "0.0339456033949396",
            "name": "IDB Landing Page",
            "xlsx_row_id": 6
        },
        {
            "json_featuretype": "NewFeatureType",
            "value": 60878,
            "2018 downloads": "459",
            "2018 % total downloads ": "0.000821847168655931",
            "All the time % total of downloads  ": "0.00769621116022678",
            "name": "IDB MOOCs",
           ...