D3 - Data Driven Documents
Una librería de javascript para manipular el dom con data. En combinación con poderosos componente de visualización de datos y el dom, d3 brinda una gran capacidad de personalización haciendo posible omitir añadir otros frameworks de data visualization a tu codebase.
D3 fue creada por Mike Bostock(https://bost.ocks.org). D3 tiene 9 años desde su lanzamiento, su última versión es la 5.16(20 Abril,2020).
¿Por qué usar D3 ?
- D3 es una librería de Javascript, por lo que se puede usar en cualquier librería de Frontend, cómo React, Preact, Vue, Svelte.
- Es Open Source 😍
- D3 funciona con web standards por lo que no necesitas pollyfill u otro para que funcione en la mayoría de navegadores.
- D3 no proporciona componente o elementos cómo un framework de visualización para crear las gráfias. Con D3 lo que tienes son helper functions para armar tus gráficas, manipular data e integrar todo esto con el DOM.
- Es muy liviana
Bundlephobia [d3 v5.16.0]
Luego de usar Echarts, ChartJs,G2, AntV me quedo con D3. Los helpers para controlar eventos en el SVG y canvas están bien optimizados.
Lo malo
La curva de aprendizaje de D3 es un poco alta, pero... Hay cientos de documentos y guías para aprender D3. Luego de leer un poco la documentación puedes iniciar a crear pequeñas gráficas e ir aumentando la complejidad. D3 Wiki
Apredamos D3
D3 es una herramienta súper útil, me ha facilitado haciendo UI's personalizadas, reportería y Data Visualization.
Desde que comencé a usar D3 no he encontrado otra herramienta más genial para hacer mis cosas y en SPOT(https://spotcloud.io). Lo he agregado a la mayoría de proyectos que hago : )