awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

57 مستودعات

Awesome GitHub RepositoriesChart Components

Libraries and utilities for rendering interactive or static data visualizations and charts within user interfaces.

Distinguishing note: This category is specifically for chart-rendering components, distinct from general-purpose UI component libraries.

Explore 57 awesome GitHub repositories matching user interface & experience · Chart Components. Refine with filters or upvote what's useful.

Awesome Chart Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • filamentphp/filamentالصورة الرمزية لـ filamentphp

    filamentphp/filament

    31,215عرض على GitHub↗

    Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo

    Renders real-time, interactive data visualizations using various chart types configurable with custom options.

    PHPadminalpine-jsbuilder
    عرض على GitHub↗31,215
  • ankitects/ankiالصورة الرمزية لـ ankitects

    ankitects/anki

    28,571عرض على GitHub↗

    Anki is a cross-platform flashcard management system designed to optimize long-term memory retention through spaced-repetition learning. It functions as a digital learning assistant that uses active recall practice and automated scheduling algorithms to determine the ideal timing for card reviews based on individual performance history. The core system relies on a local relational database to ensure data persistence and portability, while supporting complex study workflows through flexible note-type schema modeling and template-driven content rendering. The platform distinguishes itself throu

    Provides interactive elements to hide and reveal field content on demand during study sessions.

    Rust
    عرض على GitHub↗28,571
  • recharts/rechartsالصورة الرمزية لـ recharts

    recharts/recharts

    27,241عرض على GitHub↗

    This project is a declarative data visualization library that provides a composable suite of user interface components for rendering interactive charts. It functions as an SVG-based charting engine, allowing developers to construct complex visualizations by nesting modular building blocks such as axes, grids, legends, and data series within a unified layout. The library distinguishes itself through a highly responsive architecture that automatically reconciles layout changes and maps data domains to pixel coordinates using mathematical scale functions. It prioritizes performance through memoi

    Provides flexible chart components that support custom rendering and dynamic property assignment for individual data points.

    TypeScriptchartcharting-librarycomponents
    عرض على GitHub↗27,241
  • nocobase/nocobaseالصورة الرمزية لـ nocobase

    nocobase/nocobase

    21,542عرض على GitHub↗

    This platform is a modular, metadata-driven framework designed for building custom business applications and data management systems without traditional coding. It functions as a low-code environment where data models, user interfaces, and business logic are defined through visual configurations rather than hardcoded views. The architecture supports multi-tenant isolation, allowing multiple independent applications to run within a single shared memory space while maintaining strict logical separation of data and configurations. What distinguishes this system is its deep integration of artific

    Enables drill-down, navigation, and highlighting events on charts to explore data relationships dynamically.

    TypeScriptadmin-dashboardairtableapp-builder
    عرض على GitHub↗21,542
  • airbnb/visxالصورة الرمزية لـ airbnb

    airbnb/visx

    20,629عرض على GitHub↗

    Visx is a collection of modular, low-level primitives designed for building custom data visualizations within a React component architecture. It functions as a toolkit for mapping data to coordinate systems and geometric shapes, allowing developers to construct bespoke charts and graphs that integrate directly into the standard component lifecycle. The library utilizes a decoupled package architecture, enabling the use of specific visualization utilities without requiring the entire framework. By leveraging established mathematical primitives for geometric calculations and functional data tra

    Supplies a toolkit of reusable SVG-based components for mapping data to visual shapes.

    TypeScriptchartd3data-visualization
    عرض على GitHub↗20,629
  • vesoft-inc/nebulaالصورة الرمزية لـ vesoft-inc

    vesoft-inc/nebula

    12,239عرض على GitHub↗

    Nebula is a distributed graph database designed for storing and querying massive volumes of interconnected vertices and edges across a horizontally scalable cluster. It functions as a Kubernetes-native database and a distributed graph analytics engine, utilizing a Raft-based distributed store to ensure strong consistency and high availability. The system features an OpenCypher query engine for performing complex graph traversals and pattern matching. It distinguishes itself with a decoupled compute-storage architecture and a shared-nothing distributed design, allowing query processing and dat

    Implements a query engine compatible with the OpenCypher standard for performing complex graph traversals.

    C++big-datacppdatabase
    عرض على GitHub↗12,239
  • ecomfe/vue-echartsالصورة الرمزية لـ ecomfe

    ecomfe/vue-echarts

    10,717عرض على GitHub↗

    vue-echarts is a data visualization library and a reactive wrapper for Apache ECharts, designed to integrate complex charts and graphics into Vue.js applications using a declarative, component-based approach. It functions as an interface that synchronizes charting engine instances with reactive state. The project provides a declarative graphics interface for building custom chart overlays, shapes, and text elements using a component-based slot architecture. It distinguishes itself by allowing the injection of custom components into chart elements, such as tooltips, via scoped slots rather tha

    Provides a reactive Vue component wrapper for Apache ECharts to render interactive data visualizations.

    TypeScript
    عرض على GitHub↗10,717
  • kevinzhow/pnchartالصورة الرمزية لـ kevinzhow

    kevinzhow/PNChart

    9,653عرض على GitHub↗

    PNChart is an iOS charting framework and data visualization library designed for rendering interactive visual data representations within native Apple mobile environments. It provides a toolkit for creating animated line and pie charts to illustrate data trends and proportional datasets. The library specializes in animated data representation, using motion effects and transitions to highlight information changes over time. It supports real-time chart data updates, allowing visualizations to reflect new information dynamically without rebuilding the entire user interface. The framework covers

    Provides modular reusable components for rendering axes, grids, and data plots.

    Objective-C
    عرض على GitHub↗9,653
  • c3js/c3الصورة الرمزية لـ c3js

    c3js/c3

    9,345عرض على GitHub↗

    c3 is a charting library for creating reusable data visualizations and interactive charts based on the D3 JavaScript framework. It functions as a declarative visualization framework that generates complex charts through high-level configurations rather than manual SVG manipulation. The project provides a reusable chart component library and a tool for converting raw datasets into scalable vector graphics. These capabilities allow for the implementation of interactive data visualizations and web-based data reporting using standardized templates. The library supports the development of custom

    Provides a collection of standardized chart components for rendering interactive data visualizations.

    JavaScript
    عرض على GitHub↗9,345
  • uber-common/react-visالصورة الرمزية لـ uber-common

    uber-common/react-vis

    8,785عرض على GitHub↗

    react-vis is a React data visualization library and declarative charting framework used to create composable graphical representations. It provides a system for rendering complex visualizations by composing simple building blocks into larger chart structures. The library includes specialized tools for hierarchical data mapping via sunburst diagrams and tree maps, as well as flow and relationship visualization using Sankey diagrams. It also provides a multivariate data visualizer for plotting high-dimensional data through parallel coordinates, radar charts, and radial visualizations. The fram

    Provides UI elements to identify data series within visualizations using descriptive labels and color keys.

    JavaScript
    عرض على GitHub↗8,785
  • ecomfe/echarts-for-weixinالصورة الرمزية لـ ecomfe

    ecomfe/echarts-for-weixin

    7,500عرض على GitHub↗

    This is a chart library for rendering interactive data visualizations within WeChat Mini Programs using the Apache ECharts engine. It provides a set of visual components that use 2D canvas interfaces to render line, bar, pie, and scatter plots. The library utilizes a 2D canvas interface to increase drawing speed and resolve visual layering issues. It implements an interactive charting component that supports touch-based data interaction, allowing users to see detailed contextual information through formatted tooltips when tapping or hovering over data points. The project covers mobile data v

    Provides a set of visual components that enable touch-based interaction and tooltips for mobile data visualizations.

    JavaScriptchartechartsvisualization
    عرض على GitHub↗7,500
  • dc-js/dc.jsالصورة الرمزية لـ dc-js

    dc-js/dc.js

    7,431عرض على GitHub↗

    dc.js is a multi-dimensional analysis tool and visualization framework used to build interactive data dashboards. It functions as a charting library that renders diverse SVG visualizations powered by D3 and integrates natively with Crossfilter to enable coordinated filtering across large datasets. The project is distinguished by its linked-view coordination, where selecting a data range or category in one chart simultaneously updates all other connected views. This allows for dynamic data exploration through dimensional chart linking and coordinated brushing, transforming raw datasets into na

    Renders horizontal or vertical labels to identify different data series within a chart.

    JavaScript
    عرض على GitHub↗7,431
  • novus/nvd3الصورة الرمزية لـ novus

    novus/nvd3

    7,227عرض على GitHub↗

    nvd3 is a data visualization framework and reusable web graphing library. It provides a collection of interactive charting components built on top of the D3.js library to render complex datasets as graphics within a web browser. The library functions as a wrapper for D3.js, offering predefined chart types and modular templates. This implementation allows for the creation of custom data graphs and web dashboards without requiring the author to write low-level SVG code from scratch. The system utilizes SVG-based vector rendering and attribute-driven styling to generate visualizations. It incor

    Provides a collection of reusable charting components that wrap low-level drawing logic.

    JavaScript
    عرض على GitHub↗7,227
  • jerairrest/react-chartjs-2الصورة الرمزية لـ jerairrest

    jerairrest/react-chartjs-2

    6,933عرض على GitHub↗

    react-chartjs-2 is a data visualization library that provides a set of React components acting as a wrapper for Chart.js. It allows for the rendering of interactive charts and graphs within a React application using a declarative approach. The library manages HTML5 canvas charting components by tying the lifecycle of Chart.js instances to the mounting and unmounting of the React component tree. It translates component props into the configuration objects required by the underlying engine to map datasets to visual elements. The project covers a range of frontend integration capabilities, incl

    Integrates the Chart.js engine into React projects via a declarative component interface.

    TypeScript
    عرض على GitHub↗6,933
  • reactchartjs/react-chartjs-2الصورة الرمزية لـ reactchartjs

    reactchartjs/react-chartjs-2

    6,933عرض على GitHub↗

    react-chartjs-2 is a data visualization library that provides a set of React components to integrate the Chart.js library. It serves as a component-based charting interface for rendering dynamic data visualizations and graphs based on structured data sets. The project provides a declarative way to manage chart configurations and data updates. It maps component props to the underlying charting engine, allowing users to modify visual options and data dynamically to refresh displays. The library covers broader data visualization development, including the implementation of dynamic dashboards an

    Implements automatic cleanup of the internal charting engine during the component unmounting phase to prevent memory leaks.

    TypeScriptchartcharting-librarychartjs
    عرض على GitHub↗6,933
  • elemefe/v-chartsالصورة الرمزية لـ ElemeFE

    ElemeFE/v-charts

    6,770عرض على GitHub↗

    v-charts is a Vue charting framework and component library that provides a simplified interface for rendering complex data visualizations. It acts as a wrapper for the ECharts visualization engine, allowing the creation of customizable charts and graphs within Vue applications. The library focuses on simplifying the integration of ECharts by replacing manual configuration with reusable components. It maps simplified data inputs to the required configuration objects and synchronizes the chart lifecycle with the framework to manage instance creation and disposal. The project covers frontend ch

    Simplifies frontend chart implementation by providing pre-wrapped components instead of raw API calls.

    JavaScriptechartsvue
    عرض على GitHub↗6,770
  • chartscss/charts.cssالصورة الرمزية لـ ChartsCSS

    ChartsCSS/charts.css

    6,569عرض على GitHub↗

    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

    Implements chart legends with configurable vertical or horizontal orientations to identify different data series.

    HTMLchartchartscss
    عرض على GitHub↗6,569
  • hazelcast/hazelcastالصورة الرمزية لـ hazelcast

    hazelcast/hazelcast

    6,570عرض على GitHub↗

    Hazelcast is a distributed data platform that combines an in-memory data grid with a stream processing engine to support real-time analytics and event-driven applications. It functions as a partitioned, distributed key-value store that replicates data across cluster nodes to provide low-latency access and high availability. The platform also serves as a distributed SQL query engine, allowing users to execute standard SQL statements against both in-memory datasets and external data sources. What distinguishes Hazelcast is its use of a distributed consensus subsystem to maintain strongly consis

    Uses a programmatic predicate API to perform ad-hoc or batch lookups on distributed map entries.

    Javabig-datacachingdata-in-motion
    عرض على GitHub↗6,570
  • shutterstock/rickshawالصورة الرمزية لـ shutterstock

    shutterstock/rickshaw

    6,520عرض على GitHub↗

    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

    Shows a legend listing each data series name and its corresponding color alongside the chart.

    JavaScriptchartsd3graph
    عرض على GitHub↗6,520
  • rengwuxian/materialedittextالصورة الرمزية لـ rengwuxian

    rengwuxian/MaterialEditText

    6,080عرض على GitHub↗

    MaterialEditText هي مكتبة مكونات واجهة مستخدم لنظام Android وإطار عمل لإدخال النماذج في تطبيقات الهاتف المحمول، تُستخدم لإنشاء حقول نصية تطبق معايير Material Design. توفر المكتبة مجموعة من مكونات الإدخال التي تتميز بتسميات عائمة، وحالات خطأ، وأنماط مرئية متوافقة مع السمات. تتيح المكتبة عرض حقول النص مع تسميات متحركة ونصوص مساعدة مدمجة. كما تدعم إضافة أيقونات التصميم وتسمح بتخصيص الألوان والخطوط للنصوص الأساسية، ونصوص الخطأ، والنصوص المساعدة. يتضمن إطار العمل قدرات للتحقق من صحة الإدخال في تطبيقات الهاتف، مثل فرض حد أدنى وأقصى لعدد الأحرف المسموح بها في حقل النص.

    Calculates and animates the coordinate shift of label text from the center to the top of the field.

    Java
    عرض على GitHub↗6,080
السابق123التالي
  1. Home
  2. User Interface & Experience
  3. Chart Components

استكشف الوسوم الفرعية

  • Chart Element InteractionsResponds to user actions such as clicks or hovers on chart components. **Distinct from Chart Components:** Distinct from Chart Components: focuses on the interactive event handling (clicks, hovers) on chart elements rather than the rendering of chart components.
  • Chart Legends5 وسوم فرعيةUI elements used to identify data series through labels and color keys. **Distinct from Chart Components:** Specifically addresses the rendering of legend labels rather than general chart components.
  • Collapsible Widgets2 وسوم فرعيةInteractive components that allow users to hide or show chart content to manage screen space. **Distinct from Chart Components:** Distinct from general chart components: focuses on the interactive collapse state specifically.
  • Lifecycle ManagementMechanisms for tying the initialization and disposal of chart instances to the component lifecycle. **Distinct from Chart Components:** Distinct from Chart Components: specifically addresses the lifecycle synchronization (mounting/unmounting) rather than the rendering logic.
  • Lifecycle Resource ManagementMechanisms for cleaning up non-React resources and preventing memory leaks during component unmounting. **Distinct from Chart Components:** Focuses on resource cleanup and memory management rather than the rendering of chart elements.
  • Multi-Chart Coordination2 وسوم فرعيةSystems for synchronizing data contexts and coordinate systems across multiple visualization components. **Distinct from Chart Components:** Specifically focuses on the coordination and synchronization between separate charts, not just the rendering of a single component.
  • Polling MechanismsAutomated intervals for refreshing data components without manual user intervention. **Distinct from Polling Intervals:** Distinct from general chart components: focuses on the automated refresh logic specifically.
  • Query-Bound Chart Renderers1 وسم فرعيChart components that automatically bind to and render data from SQL query results. **Distinct from Chart Components:** Distinct from Chart Components: focuses on chart components that are directly tied to query result data sources, not general-purpose chart libraries.