Repolode
Enviar
recharts

recharts/recharts

Biblioteca de gráficos para React basada en D3, con componentes declarativos para crear gráficos SVG en aplicaciones React.

Ver en GitHubSitio web
Estrellas
27,646
Forks
2,022
Issues abiertos
508
Último commit
hace 13 horas

¿Qué es?

Recharts es una biblioteca de gráficos para aplicaciones React, basada en React y D3. Los gráficos se construyen con componentes React independientes, como ejes, cuadrículas, tooltips, leyendas y series de líneas, barras o áreas, de modo que cada parte se puede combinar y configurar de forma declarativa.

Renderiza SVG nativo y mantiene un conjunto reducido de dependencias. Se instala mediante npm junto con react-is, y ofrece una compilación UMD para usarla sin un bundler, disponible como window.Recharts. La documentación y un Storybook con ejemplos están alojados en el sitio del proyecto.

El proyecto está escrito en TypeScript y se desarrolla activamente en la rama main; las versiones se gestionan en una rama release independiente.

Funciones clave

  • 01Los componentes de gráficos, como líneas, barras, áreas, sectores y tooltips, son componentes React que se pueden combinar.
  • 02Renderiza SVG nativo sin depender de canvas.
  • 03Se basa en D3 para las escalas y las utilidades de datos.
  • 04Incluye tipos de TypeScript y se puede instalar mediante npm o Deno.
  • 05Ofrece una compilación UMD para usarla directamente en el navegador.

Casos de uso

  • Añadir dashboards o gráficos de analítica a una aplicación de página única (SPA) de React.
  • Visualizar series temporales o datos por categorías en un panel de administración de React.
  • Insertar gráficos sencillos en una página web cargada con una etiqueta script.

Inicio rápido

  1. 1

    Instala Recharts y react-is con npm

    npm install recharts react-is

Antes de usarlo

  • La versión del paquete react-is debe coincidir con la versión de React instalada.

Temas

#react#charting#data-visualization#svg#d3#typescript#chart#charting-library#components#data-visualisation

Preguntas frecuentes

¿Qué es recharts?
Biblioteca de gráficos para React basada en D3, con componentes declarativos para crear gráficos SVG en aplicaciones React. Recharts es una biblioteca de gráficos para aplicaciones React, basada en React y D3. Los gráficos se construyen con componentes React independientes, como ejes, cuadrículas, tooltips, leyendas y series de líneas, barras o áreas, de modo que cada parte se puede combinar y configurar de forma declarativa.
¿recharts es gratuito? ¿Qué licencia tiene?
recharts es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿recharts sigue mantenido?
Mantenimiento activo. El último commit de recharts fue el 21 oct 2026.
¿Para qué puedo usar recharts?
Añadir dashboards o gráficos de analítica a una aplicación de página única (SPA) de React. Visualizar series temporales o datos por categorías en un panel de administración de React. Insertar gráficos sencillos en una página web cargada con una etiqueta script.
¿Cómo se instala recharts?
Instala Recharts y react-is con npm: npm install recharts react-is
¿Dónde consigo recharts?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/recharts/recharts

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados