JSFiddle - React, Tailwind, and code Playground

by Shinohara

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.11/lodash.min.js"></script>
<script src="https://ts-3156.github.io/chasingchart/chasingchart-latest.js"></script>

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>
<button id="button" style="display: block; margin: 0 auto">Start</button>

JavaScript

var input = [{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1970"}},"values":[1075900000000,89649505386,211514189115,215018556281,130682295637,148943302452,59602914740,113026327278,35213857570],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1971"}},"values":[1167800000000,97184613337,238914960843,249038963803,148106601857,166572277582,63944116162,124265455804,39331867588],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1972"}},"values":[1282400000000,109297408417,316393344651,298662347155,169969084028,204274079346,69555666090,144777666554,50623841100],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1973"}},"values":[1428500000000,134190135935,429857372904,396872934174,192551676951,265373647512,82947352672,174917701805,71672675416],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1974"}},"values":[1548800000000,139644095523,477155786489,443620129946,206152361031,286517111990,93619184953,198921429672,91887958745],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross Domestic Product (GDP)"},"subtitle":{"text":"1975"}},"values":[1688900000000,158640714141,518855814544,488769604286,241734621312,362016887444,97386172067,226966009113,108051408879],"categories":["United States","China","Japan","Germany","United Kingdom","France","India","Italy","Brazil"]},{"options":{"title":{"text":"Gross...