javascript - d3 with jade template -
i new both d3 , jade. have jade template below,
div(id='viz') script(type="text/javascript")   d3.select("#viz")     .append("svg")       .attr('width', 600)       .attr('height', 300)       .append('circle')         .attr('cx', 300)         .attr('cy', 150)         .attr('r', 30)         .attr('fill', '#26963c')   i trying add small circle in div viz. when page loaded dont see circle, html code via inspector below,
<div id="viz"></div> <script type="text/javascript"><d3 body class="select"><div svg class="append"><div width 600 class="attr"></div><div height 300 class="attr"></div><div circle class="append"><div cx 300 class="attr"></div><div cy 150 class="attr"></div><div r 30 class="attr"></div><div fill #26963c class="attr"></div></div></div></d3></script>   can put light on going wrong here.
you need . dot after script(type="text/javascript")
div(id='viz') script(type="text/javascript").   d3.select("#viz")     .append("svg")       .attr('width', 600)       .attr('height', 300)       .append('circle')         .attr('cx', 300)         .attr('cy', 150)         .attr('r', 30)         .attr('fill', '#26963c')        
Comments
Post a Comment