Análisis profundo de D3

D3 in Depth

D3 in Depth cubre las versiones 6 y 7 de D3

• Sitio web: D3 in Depth es un sitio que cubre las versiones más recientes de D3.js, la 6 y la 7.
• Introducción: Este sitio ofrece contenido en profundidad sobre visualización de datos con D3.js.
• Boletín: A través del boletín se puede recibir información sobre descuentos de libros, así como noticias y consejos relacionados con D3.js.

Libros y cursos

• Visualising Data with JavaScript: Enseña cómo crear gráficos, tableros e historias de datos usando Chart.js, Leaflet, D3 y React.
  • "Uno de los mejores libros sobre D3 que he leído. El contenido es muy claro, fácil de seguir y los conceptos son muy sólidos." - Javier García Fernández
• Visualización de datos personalizada: Puedes aprender a crear visualizaciones de datos personalizadas con D3.js.
• Aprendizaje básico: Puedes aprender los fundamentos de HTML, SVG, CSS y JavaScript para construir visualizaciones de datos en la web.

Índice

• Introducción a D3
• Primeros pasos
• Selecciones
• Uniones de datos
• Enter, exit & update
• Funciones de escala
• Formas
• Ejes
• Jerarquías
• Diagramas de cuerdas
• Diseño de fuerzas
• Mapas
• Solicitudes de datos
• Transiciones
• Selección, arrastre y brushing
• Zoom y paneo

Boletín

• Suscripción: Puedes recibir información sobre descuentos de libros, además de noticias y consejos relacionados con D3.js.

Derechos de autor

• © Peter Cook 2023

Opinión de GN⁺

• Importancia de D3.js: D3.js es una biblioteca de visualización de datos muy útil para representar visualmente datos complejos. Es una herramienta especialmente poderosa al trabajar con grandes conjuntos de datos.
• Curva de aprendizaje: D3.js es potente, pero su curva de aprendizaje puede ser pronunciada. Este sitio ofrece materiales útiles tanto para principiantes como para usuarios avanzados.
• Integración con diversas herramientas: Puedes aprender cómo integrarlo con otras herramientas como Chart.js, Leaflet y React, por lo que puede aplicarse a una gran variedad de proyectos.
• Enfoque práctico: Este sitio está organizado con un enfoque práctico, por lo que permite adquirir conocimientos que pueden aplicarse de inmediato en proyectos reales.
• Aspectos a considerar al elegir la tecnología: Al elegir D3.js, conviene considerar la complejidad del proyecto, el nivel técnico del equipo y la mantenibilidad. Aunque D3.js es potente, para visualizaciones simples puede resultar excesivo.

[GN⁺]

Comentarios de Hacker News

Resumen de comentarios de Hacker News

• Introducción a Observable Plot y Observable Framework

  • Si te interesa la visualización de datos con D3, vale la pena revisar Observable Plot, que ofrece una capa de comodidad de más alto nivel.
  • Observable Framework es un generador de sitios estáticos que soporta Plot, D3 y varias bibliotecas para construir dashboards de visualización.
  • Observable Plot
  • Observable Framework

• La dificultad de usar D3

  • Aunque se tenga bastante experiencia usando D3, al volver a usarlo después de varios años la documentación se siente confusa y da la impresión de estar empezando desde cero.
  • Entender la documentación de D3 es más difícil que resolver problemas de matemáticas.

• El valor de aprender D3

  • Incluso si no se usa D3 de forma profesional, vale la pena aprenderlo.
  • Permite entender la diferencia entre la proyección de los datos y los datos reales, y aprender cómo escalarlos.
  • También es útil al hacer visualización de datos en otros entornos, no solo en la web.

• La evolución de D3.js y alternativas modernas

  • Se han hecho muchos proyectos con D3.js, pero ahora se siente anticuado.
  • Aunque se ha migrado a frameworks modernos como Vue 3 y TypeScript, se agradecen las buenas prácticas que dejó D3.js.

• Alternativas como VisX

  • Después de aprender D3, conviene pasarse a herramientas más estructuradas como VisX.
  • D3 y jQuery tienden a convertirse fácilmente en código espagueti.

• Grammar of Graphics y ggplot2

  • D3 está inspirado en la Grammar of Graphics de Wilkinson.
  • ggplot2 del lenguaje R también tomó esa misma inspiración y ofrece una interfaz más concisa y funcional.

• Problemas de los grafos dirigidos por fuerza

  • Gustan los ejemplos de grafos dirigidos por fuerza de D3, pero cuando aumentan mucho los nodos y las aristas, la composición deja de funcionar bien.
  • Puede que se necesite visualización en 3D.

• Recursos útiles de D3

  • Hubo un único recurso que realmente ayudó a entender D3.
  • El autor responde rápido y es de mucha ayuda.

• Introducción a Vega

  • Se han escuchado buenos comentarios sobre Vega, que está construido sobre D3.
  • Como dependencia de OpenSearch Dashboards, permite que los usuarios creen dashboards personalizados para logs y datos de observabilidad.
  • Documentación de Vega
  • Uso de Vega en OpenSearch Dashboards

• La complejidad de la sintaxis de D3

  • Las visualizaciones hechas con D3 son buenas, pero su sintaxis es demasiado compleja y anticuada.
  • Qué bueno que se esté avanzando hacia un enfoque más declarativo.