JSFiddle - React, Tailwind, and code Playground

by Nicholas Mastracchio

HTML

<script src="http://zingchart.com/playground/lib/zingchart/zingchart-html5-min.js"></script>
<div id="divId"></div>

JavaScript

var data={
    "type":"mixed",
    "background-color":"white",
    "plotarea":{
        "margin-left":"100px",
        "margin-bottom":"60px",
        "background-color":"white",
        "margin-right":"100px",
        "margin-top":"10px"
    },
    "preview":{
        "alpha":"0.3",
        "height":"35px",
        "background-color":"#E6EEEE",
        "margin":"92% 40px 5px 40px",
        "visible":true,
        "live":true
    },
    "scale-x":{
        "line-color":"black",
        "line-width":1,
        "-items-overlap":true,
        "zooming":true,
        "max-items":4,
       ...