JSFiddle - React, Tailwind, and code Playground

by Guv3nir

HTML

<!--Add d3.js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script>

<!--Add Mihenk JS and CSS -->
<link rel="stylesheet" href="../mihenk.css" />
<script src="../mihenk.js" ></script>

<!-- Download Svg and Png-->
<!-- pngindir('graph_div_id') ,  svgindir('graph_div_id') -->
<button onclick="pngindir('graph')" class="btn btn-default btn-sm pull-right" style="margin-top:3px;margin-right:5px;"><span class="fa fa-download" /> Png</button>
<button onclick="svgindir('graph')" class="btn btn-default btn-sm pull-right" style="margin-top:3px;margin-right:5px;"><span class="fa fa-download" /> Svg</button>

<!--Graphic-->
<div id='graph4'>
   <svg> </svg>
</div>

JavaScript

var mihenkdata = {
            "data": [
                {
                    "y": 16.1067,
                    "ymin": 14.4004,
                    "ymax": 17.8129,
                    "x": 3
                },
                {
                    "y": 24.5333,
                    "ymin": 21.5478,
                    "ymax": 27.5189,
                    "x": 4
                },
                {
                    "y": 21.38,
                    "ymin": 15.5433,
                    "ymax": 27.2167,
                    "x": 5
                }
            ],
            "opt": {
                "x_labels": [],
                "y_labels": [],
                "zoom": true,
                "xlab": "x label",
                "ylab": "y label",
                "color": [],
                "div_id": "graph4"
            }
        }
        
        mihenk.error(mihenkdata);