JSFiddle - React, Tailwind, and code Playground

HTML

<p>The same data displayed with multiple chart types</p>

<script type="text/javascript" src="https://raw.github.com/CZNIC-Labs/ogra/master/ogra.js"></script>

<div id="my_chart_1"></div>
<div id="my_chart_2"></div>
<div id="my_chart_3"></div>
<div id="my_chart_4"></div>
<div id="my_chart_5"></div>

<a target="_blank" href="https://devpub.labs.nic.cz/ogra/doc/">Return to OGRA JS documentation.</a>

JavaScript

var data = {"cols":[{"label":"Year", "type":"string"},{"label":"Sales", "type":"number"},{"label":"Expenses", "type":"number"}],"rows":[{"c":[{"v":"2004"},{"v":1000},{"v":400}]},{"c":[{"v":"2005"},{"v":1170},{"v":460}]},{"c":[{"v":"2006"},{"v":660},{"v":1120}]},{"c":[{"v":"2007"},{"v":1030},{"v":540}]}]};			

Ogra.graph("my_chart_1", data, "column", "google", {} );
Ogra.graph("my_chart_2", data, "line", "google", {} );
Ogra.graph("my_chart_3", data, "pie", "google", {} );
Ogra.graph("my_chart_4", data, "bar", "google", {} );
Ogra.graph("my_chart_5", data, "table", "google", {} );