Una galería de gráficas en React+D3.js para aprender sobre visualización de datos, con plantillas incluidas

Una galería de gráficas en React+D3.js para aprender sobre visualización de datos, con plantillas incluidas
Yan Holtz ha reunido en esta web todo lo que ha aprendido en cinco años tras dedicar miles de horas a la visualización de datos: React Graph Gallery. Es una enorme colección de ejemplos y explicaciones sobre cómo usar todo tipo de gráficas, e incluye el código para generarlas, ejemplos y muchas explicaciones. Para usarlas se necesita la librería React junto con D3. js. Una vez instalado eso en cualquier página web se puede proceder a generar las gráficas o bien usar las plantillas que se incluyen junto con los ejemplos. El sitio está organizado en más de 30 tipos de gráficos distribuidos por categorías: correlación (dispersión, mapas de calor, burbujas), distribución (histogramas, boxplots, violines), ránkings (barras, nubes de palabras, diagramas de araña), proporciones (árboles, donuts, gráficos circulares), evolución temporal (líneas, áreas, series temporales), mapas y flujos (Sankey, cuerdas, redes, arcos). Además de la galería hay un curso en 10 módulos que aborda desde los fundamentos de los gráficos vectoriales SVG hasta la gestión de ejes, la adaptabilidad a móviles y a pantallas grandes, efectos hover (al pasar el ratón por encima), animaciones y cómo usar todos esos elementos de forma eficiente. Es un gran punto de, partida práctico y bien estructurado (utiliza la clasificación de from Data to Viz) para quienes quieran ir más allá de las opciones por defecto y sacarle más partido al diseño de gráficas creatividad y precisión.

Comentarios

Tentu usa cookies para ofrecerte la mejor experiencia

Básicas

Analíticas de usuario y rendimiento