Plotly.d3.json(jsonUrl, function(err, fig) {
        // assuming json is formatted as { "data": [/* */], "layout": {/* */} }
       var config = {responsive: true, editable: true}
        Plotly.plot('graph-id', fig.data, fig.layout, config);
      });
     
       
      </script>
  
  <div id="graph-id" class="gstyle"></div>
  <!-- <div id="graph-id" style="width:100%; height:calc(100vh - 250px);"></div> -->


    <form id="nextform" name="nextform" method="post" action="/api/files/save" ajax="true" target="result1">
             
  
    
    <input type="hidden" id="svgtext" name="svgtext" value="">
    <input type="hidden" id="svgfile" name="svgfile" value="">
    <input type="hidden" id="show" name="show" value="">
    
    
    </form>
    <iframe width="100%" frameborder="0" id="result1" name="result1" ></iframe>