Bibliotecas de visualización de datos

Estoy trabajando en un sitio web que visualiza la relación entre algunos datos. Específicamente, ayuda a mapear discos duros, particiones y volúmenes lógicos (LVM). He escrito las partes que recopilan y estructuran los datos, lo que da como resultado un modelo de datos que se parece a la Imagen 1 . Lo que me gustaría hacer es visualizarlo como en la Imagen 2 , donde los volúmenes lógicos descansan sobre las unidades lógicas que los respaldan. Las unidades lógicas descansan sobre los volúmenes físicos (unidades o particiones) que las respaldan y, por supuesto, las particiones físicas descansan sobre las unidades físicas en las que residen.

Idealmente, no tendría que decirle a la biblioteca dónde colocar nada, solo las relaciones entre los datos y el tipo de visualización que quiero.

¿Qué biblioteca podría representar la visualización como la imagen 2?

(Foto 1)Diseño lógico de datos.

(Imagen 2)
Visualización deseada de los datos

Respuestas (2)

Creo que puedes lograr lo que quieres usando D3.js. Es una biblioteca de Javascript para crear visualizaciones avanzadas (más allá de los gráficos) para la web.

El tipo de visualización que está buscando es un mapa de árbol y aquí hay un ejemplo en D3.

ingrese la descripción de la imagen aquí

D3, al ser una biblioteca avanzada, tiene una curva de aprendizaje algo empinada, por lo que puede encontrar este libro útil para aprenderlo. Puedes comprar el libro o descargar el ebook gratis.

El diagrama de diagrama de árbol es el 95% del camino hacia lo que estoy buscando. Realmente abarca la visualización de tamaño proporcional. Sin embargo, lo que faltaba era el aspecto jerárquico. Afortunadamente, la página wiki de D3 para diagramas de árbol está vinculada al diseño de partición, que creo que es exactamente lo que estoy buscando. * github.com/mbostock/d3/wiki/Partition-Layout
El diseño de partición, sin embargo, es una jerarquía estricta. Dado que mi diseño es un bosque en lugar de un árbol, es posible que deba solucionarlo. Tal vez pueda doblar D3 a mi voluntad, tal vez pueda usar dos árboles (uno invertido) de modo que las raíces se compartan entre los árboles.

Aquí hay algunas bibliotecas de JavaScript que pueden hacer el trabajo:

Springy.js (gratis, simple, de código abierto) Documentación de demostración del
sitio web Opinión: excelente para principiantes, utiliza la tecnología Canvas, WebGl y SVG.


Raphael.js (gratis, más avanzado, de código abierto) Documentación de demostración del
sitio web

Si no está satisfecho con esta respuesta, eche un vistazo al siguiente enlace que habla sobre estas dos bibliotecas con mayor detalle.
http://www.sitepoint.com/doce-javascript-libraries-data-visualization/

Bibliotecas de visualización de datos
RespuestasAquíPolítica de privacidad1y, 0v