tutorial sunburst ejemplos d3js javascript html d3.js svg

javascript - sunburst - d3js heatmap



Agregue un lienzo SVG al elemento que no sea cuerpo usando D3 (1)

Estás tratando de seleccionar #container antes de que exista. Tendrá que poner su código en una onload o mover el script debajo de #container en la página.

¿Es posible agregar un lienzo SVG a un elemento distinto de <body> utilizando D3.js si el script no está dentro de ese elemento?

Por ejemplo, el siguiente código no funciona:

<html> <body> <script src="../../d3.v2.js"></script> <script> var vis = d3.select("#container") .append("svg:svg") .attr("width",w) .attr("height",h); </script> <div id="container"></div> </body>

Todos los ejemplos que he visto utilizan d3.select("body").append.... pero claramente no siempre queremos anexar el lienzo inmediatamente al cuerpo.

Descubrí que si el <script> está dentro del div contenedor, entonces puedo usar d3.select("#container") pero me parece extraño que tuviera que incluir mi script dentro del contenedor (s) específico donde quiero el lienzo.