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='graph'>
   <svg> </svg>
</div>

JavaScript

var mihenkdata = {
   "xdata": [1, 2, 3, 4, 5],
   "ydata": [4, 5, 6, 7, 8],
   "opt": {
     "x_labels": [],
     "y_labels": [],
     "zoom": true,
     "xlab": "x label",
     "ylab": "y label",
     "color": [],
     "div_id": "graph"
   }
};

mihenk.barchart(mihenkdata);