title: Convert Json to svg
body: <p>I need help in converting json to svg. I have file json and I have to decode it and after that I'll have div container and then I need convert result to svg. I haven't any ideas how to do it,please help me who can))) Thanks a lot)) Preferably JavaScript)</p>
  
  <p>JSON:</p>
  
  <pre><code>{"pages":
      [
          {"id":"page1","class":"art active","type":"box","objHtml":
              {"width":"380px","width_page":380,"height":"380px","left":"770px","fon_color":"transparent"},
              "boxes":[{"id":"box1","type":"style","objHtml":{},"insideBox":"","loaded":false,"fix":false,"gClass":""},
                  {"id":"box2","type":"figure","objHtml":
                      {"zIndex":"2","height":"160px","top":"60px","left":"110px","fon_color":"transparent","border_width":0,"width":"160px","width_page":160,"svg_fon":"#f44336","svg_border_width":"0","svg_border_color":"#000000","svg_gradient":false,"svg_image":false},
                      "insideBox":"&lt;!--?xml version=\"1.0\" encoding=\"utf-8\"?--&gt;\n&lt;!-- Round  --&gt;\n&lt;svg viewBox=\"0 0 200 200\" xmlns=\"https://www.w3.org/2000/svg\" xmlns:svg=\"https://www.w3.org/2000/svg\" width=\"160\"&gt;&lt;defs&gt;&lt;/defs&gt;\n\t\t&lt;g stroke=\"#000000\" stroke-width=\"0\" fill=\"#f44336\"&gt;\n\t\t\t&lt;circle cx=\"100\" cy=\"100\" r=\"94\"&gt;&lt;/circle&gt;\n\t\t&lt;/g&gt;\n&lt;/svg&gt;\n","loaded":false,"fix":false,"gClass":""},
                      {"id":"box3","type":"line","objHtml":{"line_width":6,"line_color":"#000000","line_style":"solid","zIndex":"7","height":"auto","top":"110px","left":"-53px","rotate":15,"width":"285px","width_page":285},"insideBox":"&lt;hr style=\"border-top: 6px solid rgb(0, 0, 0); margin: 0px; height: 0px;\"&gt;","loaded":false,"fix":false,"gClass":""},
                      {"id":"box4","type":"line","objHtml":{"line_width":6,"line_color":"#000000","line_style":"solid","zIndex":"1","height":"auto","width":"342px","width_page":342,"top":"75px","left":"-44px","rotate":20},"insideBox":"&lt;hr style=\"border-top: 6px solid rgb(0, 0, 0); margin: 0px; height: 0px;\"&gt;","loaded":false,"fix":false,"gClass":""},
                      {"id":"box5","type":"text","objHtml":{"zIndex":"8","height":"auto","width":"360px","width_page":360,"top":"200px","left":"10px","letterSpacing":"7px"},"insideBox":"&lt;p style=\"text-align: center;\"&gt;&lt;span style=\"font-size: 100px; font-weight: 600; color: rgb(33, 33, 33); font-family: \"Didact Gothic\";\"&gt;СУШИ&lt;/span&gt;&lt;/p&gt;","loaded":false,"fix":false,"gClass":""},
                      {"id":"box6","type":"text","objHtml":{"zIndex":"9","height":"auto","width":"360px","width_page":360,"top":"310px","left":"10px"},"insideBox":"&lt;p style=\"text-align: center;\"&gt;&lt;span style=\"font-family: \"Didact Gothic\";\"&gt;Ресторан японской и паназиатской кухни&lt;/span&gt;&lt;/p&gt;","loaded":false,"fix":false,"gClass":""}]}]}
  </code></pre>