38
Me gustaría usar d3.js para construir un árbol de pedigrí.d3js Árbol cuadrado
Todos los ejemplos que encontré muestran árboles orgánicos.
¿Hay alguna exemples por ahí con un pedigrí como el estilo?
A
Respuesta
50
Usted puede lograr esto usando las cluster o tree diseños. Y usando un generador de ruta personalizado para dibujar líneas ortogonales conectando nodos, como en este elbow dendrogram. Creo que se sentía inspirado por lo que decidí probarlo:
+3
Muchas gracias. Esto fue elegante. – gpasse
+2
@mbostock - ¿cómo agregarías apoyo para los hermanos? Digamos que Robert Shanks y Elizabeth Shanks tuvieron otro hijo? –
11
recientemente he creado algunos examples of using D3 to draw pedigrees en el estilo que lo hace la mayoría del software. Hay ejemplos para mostrar cómo expandir y colapsar, transiciones y mostrar descendientes y ancestros.
Cuestiones relacionadas
- 1. d3js append div
- 2. ¿Cuadrado perfecto o no?
- 3. Android imageview cuadrado
- 4. rompecabezas cuadrado solución
- 5. diamante cuadrado algoritmo
- 6. Dibujar cuadrado con coordenadas polares
- 7. Recorte de VideoView al cuadrado
- 8. Adición y eliminación de nodos en D3js Force Graph
- 9. d3js argumento selection.each() Grupo de devolución de llamada
- 10. Vistas de anidamiento del servidor cuadrado 2008
- 11. número al cuadrado en la programación
- 12. OpenCV suma de diferencias al cuadrado acelerar
- 13. ¿Cómo estirar texto en un botón cuadrado?
- 14. OpenGL - Cómo dibujar píxel cuadrado con GL_POINTS
- 15. OpenGL - Dibujar un cuadrado con glDrawArrays()
- 16. Un panel cuadrado girado en Java GUI
- 17. Árbol AVL contra árbol B
- 18. Árbol binario del árbol general
- 19. Árbol binario GraphViz árbol izquierdo y derecho
- 20. Expresión árbol
- 21. CSS Transformar el cuadrado en un rombo más delgado
- 22. resolviendo una ecuación para el cuadrado de la variable?
- 23. Cuadrado de un número que se define usando #define
- 24. ¿Cómo funciona el método de definición [corchete cuadrado] en Ruby?
- 25. android cómo dibujar triángulo, estrella, cuadrado, corazón en el lienzo
- 26. ¿La manera más corta de comprobar el cuadrado perfecto?
- 27. SQL espacial: ¿tipo de datos más adecuado para un cuadrado?
- 28. ImageMagick - Cambiar el tamaño de la imagen al cuadrado
- 29. D3js: cómo obtener coordenadas geográficas Lat/Log desde el clic del mouse?
- 30. D3js cómo agregar 2 niños al mismo nivel en .enter context
¿Por qué tengo -2 en esta pregunta? – gpasse