Buscando una biblioteca de gráficos para JS y React que permita Zoom

Actualmente estoy reconstruyendo una página web previamente staic-html+Native js con React. Por lo tanto, estoy buscando en diferentes bibliotecas para crear un gráfico de líneas usando Javascript.

El gráfico se creó previamente usando gráficos de Google, pero viendo que mis colegas quieren usar la menor cantidad posible de herramientas de Google, comencé a buscar alternativas.

Ya construí casi todo usando Chart.js y react-chartjs-2resulta que inevitablemente necesitamos la función de zoom para examinar gráficamente las ligeras desviaciones en los datos del gráfico, a pesar de que generalmente hay más de 3000 entradas en un gráfico que es aproximadamente 1000x300px.

Me encontré dygraphsy react-dygraphs, aunque parece prometedor, la última confirmación fue hace aproximadamente 3 años.

¿Alguien tiene experiencia, en cuanto a si todavía funciona con versiones de reacción más actuales? ¿Existe una alternativa (gratuita/de código abierto) a los gráficos de Google, posiblemente una que no conozca?

Las bibliotecas que conozco y excluí son: chart.js, D3, canvasjs

Solo curiosidad por saber por qué excluyó D3js

Respuestas (2)

¿Puedes probar la biblioteca de gráficos JavaScript de Syncfusion ? Tiene más de 30 tipos de gráficos con soporte de interacción como Zoom, pan, trackball, información sobre herramientas, etc.

Enlace de muestra https://ej2.syncfusion.com/demos/#/material/chart/zooming.html

También tiene soporte incorporado para marcos: Angular, React, Vue

Terminé conformándome con los gráficos de React Timeseries porque:

  • están magníficamente documentados, con MUCHOS ejemplos
  • de uso gratuito (bajo licencia BSD),
  • ofrecer todas las características que probablemente necesite en un futuro previsible (léase "siempre necesitaré")
  • y use un formato de serie temporal , que es sencillo y también fácil de usar con python, lo que facilita la implementación de la funcionalidad de back-end