¿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?

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.

  • d3.js en el evento "click" manejando la function en ejecución sin clic evento
  • Usar las funciones de flecha con d3
  • Resalta la ruta primaria a la raíz
  • Crear una leyenda para un gráfico de burbujas con D3
  • D3.js: ¿Parar las transiciones interrumpidas?
  • Gráfico de líneas NVD3 X Faltan las señales del eje
  • Nvd3: ¿Cómo se evita mostrar el gráfico entre -1 y 1 si tiene todos los valores y 0?
  • La actualización de React a 0.13.2 provoca: "UnEught TypeError: no se puede leer la propiedad '_currentElement' of null"
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.