Visualización de datos con D3

Data-Driven-DocumentsD3 es conocida como una de las librerías de JavaScript más poderosas para visualizar datos, cuenta con una amplia documentación

Mike Bostock, científico de la computación, es el principal creador de d3, trabajó para el NYT visualizando datos y creador de Observable.

Librerías y software para visualizar datos

Semipredeterminadas

Ventajas

• Puedes generar gráficos con relativamente pocos pasos

Desventajas

• Limitaciones en cuanto a estilos
• Limitaciones en cuanto a diseño de información

Ejemplos de librerías

• Tableau
• Amcharts
• Chartjs
• RAWGraphs
• google charts

Todo a partir de un lienzo en blanco

Ventajas

• Puedes aterrizar cualquier idea a una visualización
• Puedes dar tantos estilos como el entorno de SVG o Canvas lo permita

Desventajas

• Más pasos y, por lo tanto, una curva de aprendizaje mayor

Ejemplos de librerías

• D3
• P5.js (canvas)
• Three.js (canvas + 3D)

Temas que se verán en el taller

Intro

• Creando elementos básicos de svg
• Cargando bases de datos
• Ejes y escalas
• Eventos y transiciones
• Responsividad y estilos más elaborados (degradados)

Referencias Transiciones gradientes fillpatterns Sombras

Fuerzas

• Acomodos orgánicos mediante simulación
• Grupos

Referencias 1 2

Figuras más complejas

• Procesos creativo
• stream graph + bump chart + circular = ...

Referencias interpolaciones

Para instalar y correr estos ejemplos

Haber instalado node y tener un editor de texto

npm install
npm start