awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • recharts/rechartsAvatar recharts

    recharts/recharts

    27,241Vezi pe 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
    Vezi pe GitHub↗27,241
  • ecomfe/vue-echartsAvatar ecomfe

    ecomfe/vue-echarts

    10,717Vezi pe 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
    Vezi pe GitHub↗10,717
  • dc-js/dc.jsAvatar dc-js

    dc-js/dc.js

    7,431Vezi pe 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
    Vezi pe GitHub↗7,431
  • apertureless/vue-chartjsAvatar apertureless

    apertureless/vue-chartjs

    5,717Vezi pe 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
    Vezi pe GitHub↗5,717
  • swimlane/ngx-chartsAvatar swimlane

    swimlane/ngx-charts

    4,359Vezi pe 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
    Vezi pe GitHub↗4,359
  • tanstack/react-chartsAvatar TanStack

    TanStack/react-charts

    3,149Vezi pe 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
    Vezi pe GitHub↗3,149
  • beizhedenglong/rough-chartsAvatar beizhedenglong

    beizhedenglong/rough-charts

    1,546Vezi pe GitHub↗

    Rough Charts este o bibliotecă de grafice bazată pe React care oferă un set de componente modulare pentru construirea vizualizărilor de date. Permite crearea de grafice personalizate printr-o sintaxă declarativă, permițând dezvoltatorilor să compună layout-uri complexe prin imbricarea elementelor individuale precum axe, serii și tooltips. Biblioteca se distinge prin aplicarea unei estetici procedurale, desenate manual, tuturor graficelor randate. Prin utilizarea offset-urilor randomizate pentru a genera căi de linii neregulate, produce vizualizări care imită aspectul schițelor. Acest stil este aplicat elementelor standard de grafic pentru a oferi un ton vizual creativ și informal pentru rapoartele web. Biblioteca gestionează cerințele tehnice ale reprezentării datelor pe web prin gestionarea layout-urilor de containere responsive și sincronizarea actualizărilor vizuale cu schimbările datelor subiacente. Aceasta randează aceste vizualizări ca grafică vectorială direct în document object model-ul browserului.

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

    TypeScriptdata-visualizationdrawinghand-drawn
    Vezi pe GitHub↗1,546
  1. Home
  2. User Interface & Experience
  3. Chart Customization Components

Explorează sub-etichetele

  • 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.