JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://openspending.org/static/openspendingjs/prod/boot.js"></script>
<script src="http://openspending.org/static/openspendingjs/lib/widgets.js"></script>
<link rel="stylesheet" href="http://openspending.org/static/style/bootstrap.css">
<script src="http://openspending.org/static/openspendingjs/widgets/bubbletree/main.js"></script>
<div id="widget"></div>

CSS

body, html, #widget {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
}

JavaScript

var context = {
    dataset: "eu-budget-mff",
    siteUrl: "http://openspending.org"
};
var state = {
    "drilldowns": [
        "main-programme",
        "programmerf",
        "sub-programme"],
    "cuts": {},
    "year": 2020
};

OpenSpending.scriptRoot = "http://openspending.org/static/openspendingjs";
new OpenSpending.Bubbletree($('#widget'), context, state);