Bubble chart created with d3Kit v3. Click on the circles to see info
xxxxxxxxxx
<title>blockup</title>
<link href='style.css' rel='stylesheet' />
<body>
<button id="data-btn">Change data</button>
<button id="resize-btn">Resize</button>
<div id="chart"></div>
<div id="info"></div>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/twitter/d3kit/dist/d3kit.min.js"></script>
<script src="https://unpkg.com/babel-core@5.8.38/browser.min.js"></script>
<script type="text/babel" src="MyChart.js"></script>
<script type="text/babel" src='main.js'></script>
</body>
Updated missing url https://rawgit.com/twitter/d3kit/master/dist/d3kit.min.js to https://cdn.jsdelivr.net/gh/twitter/d3kit/dist/d3kit.min.js
https://d3js.org/d3.v4.min.js
https://rawgit.com/twitter/d3kit/master/dist/d3kit.min.js
https://unpkg.com/babel-core@5.8.38/browser.min.js