JSFiddle - React, Tailwind, and code Playground

by tczagany

HTML

<!DOCTYPE html>
<html>
	<body>
		<div id="myVizzu" style="width:640px; height:360px;"></div>
		<script type="module" src="fiddle-01.js"></script>
	</body>
</html>

CSS

I

JavaScript

import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vizzu.min.js';
import { data } from 'https://tczagany.github.io/vizzu-example/data_by_filename.js';

let chart = new Vizzu('myVizzu');
chart.initializing
.then(chart => chart.animate({
  data: data,
  config: {
    channels: { x: 'Line count', y: 'File name' },
    coordSystem: 'polar'
  },
  style: { plot: { yAxis: { label: { fontSize: 2 } } } }
}));