¿Cómo le digo a D3 que haga el dendrogtwig vertical (arriba hacia abajo) en lugar de hacerlo de izquierda a derecha?

Estoy viendo este ejemplo que usa el layout de clúster para asignar las coorderadas X e Y a los nodos en un dendrogtwig. ¿Cómo puedo decirle al clúster sobre el layout verticalmente, de arriba hacia abajo, en lugar del pnetworkingeterminado de izquierda a derecha?

  • ¿Cómo devuelvo la coorderada y de una ruta en d3.js?
  • D3.js no puede cargar el file json
  • ¿Es posible utilizar un layout de package circular en d3.js con tamaños de círculo fijos?
  • Intentando agregar múltiples charts D3
  • D3 Cómo colocar la image junto al text de la línea horizontal
  • colors aleatorios para círculos en el gráfico d3.js
  • Mapa de coropletas D3 con leyenda
  • D3 - Crea un rectángulo dynamic "Border" alnetworkingedor del grupo SVG
  • One Solution collect form web for “¿Cómo le digo a D3 que haga el dendrogtwig vertical (arriba hacia abajo) en lugar de hacerlo de izquierda a derecha?”

    Para el ejemplo que enlazas, solo cambia el uso de las coorderadas X e Y. Esto se puede hacer cambiando

    var diagonal = d3.svg.diagonal() .projection(function(d) { return [dy, dx]; }); 

    y

     var node = vis.selectAll("g.node") .data(nodes) .enter().append("g") .attr("class", "node") .attr("transform", function(d) { return "translate(" + dy + "," + dx + ")"; }) 

    a

     var diagonal = d3.svg.diagonal() // Flip the values here. .projection(function(d) { return [dx, dy]; }); 

    y

     var node = vis.selectAll("g.node") .data(nodes) .enter().append("g") .attr("class", "node") // Flip the values here. .attr("transform", function(d) { return "translate(" + dx + "," + dy + ")"; }) 

    Aquí hay un JSFiddle que muestra los cambios anteriores en acción.

    Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.