Repolode
Enviar
frappe

frappe/charts

Biblioteca JavaScript sin dependencias para crear gráficos SVG sencillos y responsivos, con una estética inspirada en GitHub.

Ver en GitHubSitio web
Estrellas
15,093
Forks
755
Issues abiertos
150
Último commit
hace 18 días

¿Qué es?

Frappe Charts es una biblioteca de gráficos para el navegador que convierte arrays de valores en gráficos SVG. Se centra en ofrecer una API pequeña y sencilla, con un estilo visual inspirado en los gráficos de GitHub, y no tiene dependencias en tiempo de ejecución.

La biblioteca admite gráficos de ejes, de área y de tendencia, de barras, de líneas, circulares, porcentuales, de ejes mixtos y mapas de calor. Los gráficos pueden incluir marcadores en los ejes x e y, regiones y tooltips. Es posible añadir, eliminar o actualizar puntos de datos directamente, o reemplazar todo el conjunto de datos. También se pueden personalizar opciones como los colores, las animaciones y los títulos.

Se puede instalar desde npm, importar como módulo ES o cargar directamente desde un CDN mediante una etiqueta de script UMD. Se creó originalmente para el proyecto ERPNext, donde se necesitaba un gráfico más sencillo que los que ofrecían las bibliotecas existentes.

Funciones clave

  • 01Admite gráficos de ejes, de área, de tendencia, de barras, de líneas, circulares, porcentuales, de ejes mixtos y mapas de calor
  • 02Añade marcadores en los ejes x e y, regiones y tooltips para incluir anotaciones
  • 03Actualiza puntos de datos individuales directamente o renueva todo el conjunto de datos
  • 04Permite personalizar colores, animaciones y títulos
  • 05No tiene dependencias y se distribuye a través de npm o un CDN

Casos de uso

  • Añadir gráficos sencillos de ventas o actividad a un dashboard web
  • Mostrar gráficos en una interfaz de administración o de tipo ERP sin recurrir a bibliotecas de gráficos pesadas
  • Incrustar gráficos SVG ligeros en páginas donde el tamaño del bundle es importante

Inicio rápido

  1. 1

    Instala el paquete desde npm

    npm install frappe-charts
  2. 2

    Importa la clase Chart y su CSS en tu proyecto

    import { Chart } from 'frappe-charts'
  3. 3

    Crea un gráfico dentro de un elemento contenedor con las opciones data, type y height

En colecciones

Frameworks frontend y componentes de interfazCursos y herramientas de ciencia de datos

Temas

#charts#svg#data-visualization#javascript#zero-dependency#frontend#chart#graph#hacktoberfest#svg-chart

Preguntas frecuentes

¿Qué es charts?
Biblioteca JavaScript sin dependencias para crear gráficos SVG sencillos y responsivos, con una estética inspirada en GitHub. Frappe Charts es una biblioteca de gráficos para el navegador que convierte arrays de valores en gráficos SVG. Se centra en ofrecer una API pequeña y sencilla, con un estilo visual inspirado en los gráficos de GitHub, y no tiene dependencias en tiempo de ejecución.
¿charts es gratuito? ¿Qué licencia tiene?
charts es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿charts sigue mantenido?
Mantenimiento activo. El último commit de charts fue el 19 oct 2026.
¿Para qué puedo usar charts?
Añadir gráficos sencillos de ventas o actividad a un dashboard web Mostrar gráficos en una interfaz de administración o de tipo ERP sin recurrir a bibliotecas de gráficos pesadas Incrustar gráficos SVG ligeros en páginas donde el tamaño del bundle es importante
¿Cómo se instala charts?
Instala el paquete desde npm: npm install frappe-charts Importa la clase Chart y su CSS en tu proyecto: import { Chart } from 'frappe-charts' Crea un gráfico dentro de un elemento contenedor con las opciones data, type y height
¿Dónde consigo charts?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/frappe/charts

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

Proyectos relacionados