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

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

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

7 مستودعات

Awesome GitHub RepositoriesChart Customization Components

Components and utilities for modifying the visual appearance and behavior of chart elements like tooltips and legends.

Distinguishing note: Focuses specifically on the visual and functional extensibility of chart sub-elements rather than general-purpose UI styling.

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

Awesome Chart Customization Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • 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 configurable styling and component overrides for chart tooltips and legends to support custom design requirements.

    TypeScriptchartcharting-librarycomponents
    عرض على GitHub↗27,241
  • 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

    Allows the injection of custom components into chart sub-elements such as tooltips and data views.

    TypeScript
    عرض على GitHub↗10,717
  • 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

    Provides tools for generating custom SVG or HTML keys to identify data series with custom text and highlighting.

    JavaScript
    عرض على GitHub↗7,431
  • apertureless/vue-chartjsالصورة الرمزية لـ apertureless

    apertureless/vue-chartjs

    5,717عرض على GitHub↗

    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

    Allows extending base chart components to build charts with unique appearance or behavior.

    TypeScript
    عرض على GitHub↗5,717
  • swimlane/ngx-chartsالصورة الرمزية لـ swimlane

    swimlane/ngx-charts

    4,359عرض على GitHub↗

    ngx-charts is an Angular charting library and SVG data visualization framework. It provides a set of declarative UI components for rendering animated and interactive charts and graphs within Angular applications. The library allows for the assembly of specialized visualizations by combining low-level internal charting components. It supports the creation of custom charts through the use of mathematical scales, shape generators, and CSS styling overrides. The framework covers a wide range of visualization types, including comparison charts such as bar and line graphs, distribution visualizati

    Enables the construction of specialized visualizations by composing internal low-level charting components.

    TypeScript
    عرض على GitHub↗4,359
  • tanstack/react-chartsالصورة الرمزية لـ TanStack

    TanStack/react-charts

    3,149عرض على GitHub↗

    This library provides a set of tools for building dynamic data visualizations within React applications. It functions as a declarative framework that allows developers to define complex graphical representations through configuration settings rather than manual manipulation of the document object model. The library specializes in rendering interactive Cartesian charts, including line, bar, bubble, and area plots. It distinguishes itself by utilizing a coordinate-system-based mapping approach that translates raw data into pixel positions, combined with a component-based architecture that enabl

    Provides utilities for modifying the visual appearance and behavior of individual chart elements.

    HTMLchartcomponentd3
    عرض على GitHub↗3,149
  • beizhedenglong/rough-chartsالصورة الرمزية لـ beizhedenglong

    beizhedenglong/rough-charts

    1,546عرض على GitHub↗

    Rough Charts is a React-based charting library that provides a set of modular components for building data visualizations. It enables the creation of custom charts and graphs through a declarative syntax, allowing developers to compose complex layouts by nesting individual elements like axes, series, and tooltips. The library distinguishes itself by applying a procedural, hand-drawn aesthetic to all rendered graphics. By utilizing randomized offsets to generate irregular line paths, it produces visualizations that mimic the appearance of sketches. This style is applied to standard chart eleme

    Develops complex and flexible data representations by combining individual chart elements into custom layouts that adapt to different screen sizes.

    TypeScriptdata-visualizationdrawinghand-drawn
    عرض على GitHub↗1,546
  1. Home
  2. User Interface & Experience
  3. Chart Customization Components

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

  • Custom Chart CreatorsUtilities for building entirely new chart types by composing or extending existing chart components. **Distinct from Chart Customization Components:** Distinct from Chart Customization Components: focuses on creating new chart types from scratch, not modifying existing chart elements like tooltips.