Aqui estão alguns exemplos de bibliotecas de gráficos React com seus respectivos recursos e exemplos:
1. Reagir Chartjs 2
- Recursos: Vários tipos de gráficos, como linha, barra, pizza e muito mais.- Exemplos:
- Gráfico de barras verticais
- Gráfico de barras horizontais
- Gráfico de barras empilhadas
- Gráfico de barras agrupadas
- Gráfico de área
- Gráfico de linhas
- Gráfico de linhas multieixos
- Gráfico de pizza
- Gráfico de rosca
- Gráfico de área polar
- Gráfico de radar
- Gráfico de dispersão
- Gráfico de bolhas
- Gráfico Multitipo
- Eventos do gráfico
- Referência do gráfico
- Gráfico de gradiente
2. Reaja aos gráficos do Google
- Recursos: Vários tipos de gráficos, como área, barra, bolha e muito mais.- Exemplos:
- Gráfico de área
- Gráfico de barras
- Gráfico de bolhas
- Calendário
- Gráfico de velas
- Gráfico de colunas
- Gráfico de combinação
-Gantt
- Medidor
- Gráfico geográfico
- Histograma
- Gráfico de linhas
- Organograma
- Gráfico de pizza
-Sankey
- Gráfico de dispersão
- Gráfico de área escalonada
- Mesa
- Linha do tempo
- Mapa da árvore
- Árvore de palavras
- Animações
- Editor de gráficos
- Controles
- Interações
- Disposição
- Planilha
- Barra de ferramentas
3. ApexCharts.js
- Recursos: Vários tipos de gráficos, como linha, coluna, barra, pizza e muito mais.- Exemplos: Inclui código-fonte para todos os exemplos para economizar tempo de desenvolvimento.
###4.CanvasJS
- Recursos: Gráficos interativos e responsivos com animação, zoom, panorâmica, eventos, exportação, detalhamento e atualizações em tempo real.
- Exemplos:
- Gráficos de linhas
- Gráficos Spline e Step Line
- Gráficos de área
- Gráficos de área spline, área empilhada, área empilhada 100, área de etapas, área de alcance e área de spline de alcance
- Gráficos de colunas
- Gráficos de barras
- Coluna empilhada, coluna empilhada 100%, coluna de intervalo, barra empilhada, barra empilhada 100%, barra de intervalo e gráficos em cascata
- Gráficos de pizza
- Gráficos de donuts / donuts
- Gráficos de funil e pirâmide
- Gráficos de velas e OHLC
- Gráficos de dispersão e bolhas
- Gráficos de caixa e bigode
- Erro e gráficos de linha de erro
- Gráficos Dinâmicos
- Gráficos de ações com seletor de intervalo, navegador e vários gráficos
5. TanStack/gráficos de reação
- Recursos: Vários tipos de gráficos, como linha, barra, bolha e muito mais.- Exemplos: Inclui exemplos de estilos simples, linha, barra, bolha, área, estilos personalizados, dicas de ferramentas personalizadas, opções de eixo, modo escuro, brilho, pincel, modos de agrupamento, opções de dicas de ferramentas e muito mais.
Essas bibliotecas fornecem exemplos e modelos extensos para ajudá-lo a começar a criar gráficos em seu aplicativo React. Você pode escolher aquele que melhor atende às suas necessidades com base nos tipos de gráficos que deseja criar e no nível de personalização necessário[1][2][3][4][5].
Citações:[1] https://react-chartjs-2.js.org/examples/
[2] https://www.react-google-charts.com/examples
[3] https://apexcharts.com/react-chart-demos/
[4] https://canvasjs.com/react-charts/
[5] https://codesandbox.io/examples/package/react-charts