title: How to Use D3 elements inside SAPUI5 , when using JS views?
body: <p>Suppose we want to use D3 JS library data visualization ability and use it inside SAPUI5 application , (<em>already using VIZ library which is based on D3 in sap.m but want to have more elements and more capabilities to represent data</em> )</p>
  <ul>
  <li>Is it possible and advisable ?</li>
  <li>If yes ,then are there any other framework based on D3 library which can be utilized to do the integration as SAPUI5 is a object oriented framework and writing D3 code inside the view is not working ?</li>
  </ul>
  <p>Find below the failed trial of integration , where execution of standalone D3 code was successful.</p>
  <p>The error it is shown in console is :</p>
  <blockquote>
  <p>Uncaught TypeError: Cannot read property 'render' of undefined</p>
  </blockquote>
  <p>Code:</p>
  <pre><code>createContent : function(oController) {
      
      var canvas = d3.select(&quot;idPage01&quot;)
       .append(&quot;svg&quot;)
       .attr(&quot;width&quot;,4000)
       .attr(&quot;height&quot;,2000)
       .attr(&quot;length&quot;,100);
  
           canvas.append(&quot;circle&quot;)
           .attr(&quot;cx&quot;, 200)
           .attr(&quot;cy&quot;,200)
           .attr(&quot;r&quot;,10);
  
  
      var lv_Page = new sap.m.Page(&quot;idPage01&quot;,{
          title: &quot;VIZ&quot;,
          content: [
              canvas
  
                  ]
      });     
      
      return lv_Page;
  }
  </code></pre>