Awesome GitHub RepositoriesJSON Data Chart Renderers

This is a Vue.js admin dashboard built with Element UI that provides a backend management interface for overseeing stores, products, users, and system settings. The project combines Vue's reactive component model with Element-UI's pre-built widget library to construct a consistent admin interface, using Vue Router for client-side navigation and Vuex for centralized state management. The admin panel enforces role-based access control, checking user permissions at route entry points and component boundaries to block unauthorized actions before they execute. It includes authentication and sessio

react-diagrams es un framework para construir diagramas interactivos de nodos y enlaces y gráficos visuales dentro de aplicaciones React. Funciona como una herramienta de visualización de gráficos interactivos y diseñador de flujos de trabajo visuales, proporcionando un sistema para renderizar lienzos manipulables de nodos conectados. La biblioteca se distingue por su capacidad para actuar como un gestor de diagramas de estado serializable, convirtiendo layouts de nodos complejos y estados de conexión en formatos de datos almacenables para la persistencia de sesiones. Además, permite extensiones de comportamiento personalizadas para modificar la lógica central y módulos para implementar funcionalidades específicas del proyecto. El sistema cubre una amplia gama de capacidades de diagramación y visualización, incluyendo paneo de viewport, escalado y manipulación de elementos mediante arrastrar y soltar. Maneja el enrutamiento automático de enlaces para evitar la superposición visual y proporciona herramientas para el estilo de elementos personalizados y la gestión de capas para controlar el orden de renderizado.

TimelineJS is a JavaScript library for creating interactive, chronological narratives and visualizing multimedia sequences. It functions as a tool for data-driven storytelling, rendering a navigable interface where events are organized by date. The system generates these narratives by importing event information from external sources, such as JSON files or spreadsheets. It transforms external media links into embedded video and audio elements and synchronizes the current view with the browser address bar to allow for direct linking and bookmarking. The library covers broad capabilities for d

react-vis es una librería de visualización de datos de React y un framework de gráficos declarativo utilizado para crear representaciones gráficas componibles. Proporciona un sistema para renderizar visualizaciones complejas componiendo bloques de construcción simples en estructuras de gráficos más grandes. La librería incluye herramientas especializadas para el mapeo de datos jerárquicos mediante diagramas sunburst y mapas de árbol, así como visualización de flujo y relaciones mediante diagramas de Sankey. También proporciona un visualizador de datos multivariante para trazar datos de alta dimensión mediante coordenadas paralelas, gráficos de radar y visualizaciones radiales. El framework admite implementaciones de gráficos estándar para gráficos de líneas, barras y circulares, junto con la gestión de leyendas de gráficos y gráficos de coordenadas ortogonales. Estas visualizaciones se generan utilizando gráficos vectoriales escalables.

Flutter Deer is a Flutter practice project that demonstrates realistic application patterns across Android and iOS. It showcases how to structure a Flutter app with modular routing, reactive state management using Provider, and a centralized network layer built with Dio for structured API calls and error handling. The project also includes integration and accessibility testing that simulates real user interactions to verify UI behavior and screen-reader compatibility. The project differentiates itself by providing a comprehensive showcase of custom UI components and interactions, including ca

GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a

charts.css is a CSS-driven framework designed to transform semantic HTML into accessible data visualizations without relying on JavaScript. It functions as a charting library that uses standard HTML structures, such as tables and lists, to render graphs while maintaining full compatibility with screen readers. The project distinguishes itself by using CSS variables to map numeric data to visual dimensions and utility classes to control chart types and layouts. It supports a wide range of visual styles, including 3D effects, reflection effects, and customized color palettes integrated via a br

Chartkick is a Ruby on Rails visualization library and JavaScript charting wrapper that provides a high-level interface for integrating interactive charts into web applications. It functions as a multi-engine charting adapter, wrapping various JavaScript charting libraries to provide a consistent API for rendering data visualizations. The project is distinguished by its engine abstraction, which allows users to switch between different JavaScript charting libraries without modifying the underlying data sources. It also supports asynchronous data visualization, fetching chart data from remote

Rickshaw is a JavaScript library for building interactive, SVG-based time series charts in the browser. It provides a framework for rendering line, area, bar, and scatterplot visualizations from data series, with built-in support for axes, legends, color palettes, and interactive controls. The library distinguishes itself through a plugin-based architecture that allows renderers to be swapped at runtime, such as switching between stacked area and line chart views while preserving chart state. It includes an event-driven interaction layer for hover details, click behaviors, and drag-based rang

Simple flow library 🖥️🖱️

Flot is an interactive charting library for jQuery that renders line, bar, pie, and time-series plots with zooming and panning. It provides interactive plots for engineering and scientific data with customizable axes, scales, and series styles, and supports real-time data updates. The library is built as a jQuery plugin with a canvas-based rendering pipeline and a plugin extension system that allows third-party code to add new chart types, interactions, and data transformations. The library distinguishes itself through a broad range of specialized chart types, including candlestick, bubble, r

MUI X is a collection of advanced React UI components for building data-rich applications, including a data grid, charting library, date and time pickers, scheduler, and tree view. The library is built with accessibility as a core principle, ensuring all components meet WCAG and WAI-ARIA standards for keyboard navigation and screen reader announcements. The components are designed for extensibility and performance. The data grid offers comprehensive data management with sorting, filtering, pagination, column pinning, row grouping, inline editing, and Excel export. The charting library support

vue-chartjs is a component library that wraps Chart.js chart types as reusable Vue components, integrating the charting library into Vue's component model. It provides reactive props binding so that charts automatically redraw when data or options change, and exposes the underlying Chart.js instance via template refs for direct programmatic access. The library also forwards Chart.js interaction events like clicks and hovers to Vue component event handlers, and applies ARIA labels to chart elements for screen reader support. The library distinguishes itself by offering typed Vue components for

ChartView is a SwiftUI-native charting library that provides bar, line, pie, and ring chart components within a unified grid-based layout system. The library renders charts by composing SwiftUI views declaratively from data models, letting the framework handle layout and updates without intermediate drawing layers. The library supports multiple chart types that share a common grid layout, enabling composable data visualizations with synchronized axes and backgrounds. Bar charts display data as vertical bars, line charts plot connected data points with gradient fills and optional markers, pie

tui.chart es una librería de visualización de datos de JavaScript y un motor de gráficos de múltiples tipos utilizado para renderizar gráficos estadísticos interactivos. Funciona como un framework de gráficos responsivo y visualizador de datos en tiempo real, utilizando HTML5 Canvas para el renderizado de alto rendimiento de diversos conjuntos de datos. La librería proporciona una amplia gama de formatos visuales, incluyendo tipos de gráficos lineales, circulares, basados en rejilla, jerárquicos y estadísticos. Esto cubre desde gráficos de barras, líneas y sectores estándar hasta visualizaciones más especializadas como gráficos de radar, treemaps, gráficos de burbujas y diagramas de caja. El motor incluye capacidades integrales para el monitoreo de datos en tiempo real con actualizaciones en vivo y desarrollo de dashboards interactivos. Soporta modelos de interacción avanzados como zoom, selección de series y tooltips sincronizados a través de múltiples gráficos, mientras ofrece utilidades de exportación de datos para formatos CSV, XLS, PNG y JPEG. El framework gestiona diseños adaptativos a través de un observador de redimensionamiento que ajusta automáticamente las opciones y animaciones de los gráficos según las dimensiones del contenedor.

Este proyecto es una biblioteca de tablas dinámicas (pivot tables) de JavaScript y un procesador de datos del lado del cliente. Proporciona una interfaz interactiva para transformar conjuntos de datos crudos en tablas resumidas, mapas de calor y gráficos, permitiendo el análisis de datos basado en navegador sin un servidor backend. La biblioteca se distingue por una interfaz de arrastrar y soltar para la exploración dinámica de datos y la capacidad de derivar nuevos atributos mediante la agrupación de fechas o lógica personalizada. Admite una representación de datos flexible convirtiendo los resultados analizados en tablas HTML o representaciones gráficas utilizando bibliotecas de gráficos integradas o de terceros. El sistema cubre una amplia gama de capacidades analíticas, incluyendo la agregación estadística de datos, la importación de datos multiformato desde CSV y JSON, y la exportación de vistas a valores separados por tabulaciones. También incluye gestión de estado para serializar configuraciones de diseño y una capa de localización para el formato regional de idiomas y números.

Este proyecto es un repositorio de localización al chino y un proyecto de traducción técnica diseñado para hacer que los proyectos de programación concisos y la documentación técnica sean accesibles para los hablantes de chino. Proporciona una colección de recursos traducidos y mapeos curados de terminología de ciencias de la computación para asegurar una traducción consistente de conceptos técnicos. El proyecto implementa un flujo de trabajo de localización de software que convierte guías técnicas y documentación de código base en inglés al chino. Este proceso utiliza un recurso de glosario técnico y un modelo de localización impulsado por recursos para mantener el significado original y el contexto técnico del material fuente. El repositorio cubre la traducción de documentación técnica y la gestión de mapeos de traducción estandarizados para asegurar una redacción técnica consistente en diversos proyectos de software.

GraphGPT es un generador de grafos de conocimiento basado en LLM que extrae entidades y relaciones de texto no estructurado para crear grafos de conocimiento visuales. Funciona como una interfaz de grafo de lenguaje natural y un pipeline de extracción de datos no estructurados, transformando texto sin procesar en triples estructurados para mapear redes de información complejas. El sistema permite el mapeo dinámico de conocimiento al permitir a los usuarios construir y actualizar visualizaciones de red mediante consultas conversacionales e instrucciones basadas en texto. Esto permite convertir datos no estructurados en grafos visuales para identificar patrones y conexiones entre entidades. La herramienta cubre la extracción de entidades de información y grafos de conocimiento, proporcionando un pipeline para convertir lenguaje natural en representaciones estructuradas de información conectada.

mplfinance es un framework de visualización de datos de mercado y trazado de series temporales financieras construido sobre Matplotlib. Está diseñado para renderizar marcos de datos de mercado en gráficos especializados, incluyendo velas japonesas, barras OHLC, bloques Renko y columnas de punto y figura. La biblioteca se distingue por un framework de datos de mercado dedicado que gestiona calendarios de trading y periodos sin actividad, asegurando un espaciado temporal preciso al colapsar los huecos durante los días festivos. También proporciona un sistema para gráficos de análisis técnico, permitiendo superponer medias móviles, barras de volumen y otros indicadores técnicos sobre los gráficos de precios. El kit de herramientas cubre una amplia gama de capacidades, incluyendo la organización de subgráficos apilados verticalmente con ejes compartidos y la aplicación de temas visuales consistentes. Soporta anotaciones de mercado como líneas de tendencia, el manejo de datos faltantes y la capacidad de actualizar gráficos para feeds de datos en tiempo real. Las visualizaciones pueden exportarse a varios formatos, incluyendo PDF, SVG, PNG y JPG.

viz-js is a JavaScript rendering library and graph visualization engine that converts Graphviz DOT language descriptions into visual diagrams. It functions as a Graphviz rendering library designed to produce SVG output for web applications. The project utilizes a WebAssembly port of the Graphviz C library to execute layout engines directly in the browser. To maintain interface responsiveness, it processes computationally expensive layout calculations within background worker threads and uses a standardized JSON format for layout serialization. The library provides tools for dynamic graph vis