awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com

Chart styling library

Ranking updated Jul 25, 2026

For chart styling, the first results are apache/echarts (Apache ECharts is a comprehensive data visualization library offering multiple chart types, interactive tooltips, canvas and SVG rendering, responsive design, and customizable themes to build complex web charts), ecomfe/echarts (ECharts is a robust JavaScript data visualization library that supports canvas and SVG rendering, interactive tooltips, animation, responsive design, multiple chart types, and customizable themes) and highcharts/highcharts (Highcharts is a feature-rich JavaScript charting and data visualization library that supports custom themes, interactive tooltips, responsive layouts, animations, and SVG-based rendering across multiple chart types). apexcharts/apexcharts.js and chartjs/chart.js round out the shortlist. Compare the match explanations and check the project documentation against your requirements.

Hand-picked chart styling libraries ranked by GitHub stars and activity. Compare the top open-source tools and pick the right one for your project.

Chart styling library

Find the best repos with AI.We'll search the best matching repositories with AI.
  • apache/echartsapache avatar

    apache/echarts

    67,692View on GitHub↗

    Apache ECharts is a JavaScript data visualization library used for rendering interactive charts and complex data visualizations in web browsers. It functions as a canvas-based charting engine and a statistical data visualization suite that transforms datasets into visual representations. The framework provides specialized capabilities for three-dimensional data visualization, including the generation of 3D plots and globe visualizations. It also serves as a web-based geographic mapping tool for overlaying heatmaps, routes, and data distributions onto interactive maps. The library covers a br

    Apache ECharts is a comprehensive data visualization library offering multiple chart types, interactive tooltips, canvas and SVG rendering, responsive design, and customizable themes to build complex web charts.

    TypeScriptCanvas Rendering EnginesSVG-Based Vector Rendering
    View on GitHub↗67,692
  • ecomfe/echartsecomfe avatar

    ecomfe/echarts

    66,608View on GitHub↗

    ECharts is a JavaScript data visualization library and web charting framework used to render interactive 2D and 3D data plots within a web browser. It functions as a visualization engine that transforms raw data into customizable charts and graphs. The project includes a WebGL-based hardware acceleration engine specifically for producing three-dimensional plots and globe visualizations. This allows the library to handle large and complex datasets through GPU-accelerated rendering. The framework supports both canvas-based raster rendering and SVG-based vector rendering. It provides capabiliti

    ECharts is a robust JavaScript data visualization library that supports canvas and SVG rendering, interactive tooltips, animation, responsive design, multiple chart types, and customizable themes.

    TypeScriptCanvas Rendering EnginesSVG-Based Vector Rendering
    View on GitHub↗66,608
  • highcharts/highchartshighcharts avatar

    highcharts/highcharts

    12,502View on GitHub↗

    Highcharts is a JavaScript charting library and interactive data visualization framework used to render complex datasets as visual charts and maps. It functions as a customizable SVG charting engine that produces scalable vector graphics for data series. The library allows for the creation of interactive data visualizations with configurable colors, labels, and themes. It also provides a cross-platform visualization wrapper to embed these web-based charts into native iOS and Android mobile applications. The toolkit supports the development of custom dashboards and provides options to build c

    Highcharts is a feature-rich JavaScript charting and data visualization library that supports custom themes, interactive tooltips, responsive layouts, animations, and SVG-based rendering across multiple chart types.

    TypeScriptSVG-Based Vector Rendering
    View on GitHub↗12,502
  • apexcharts/apexcharts.jsapexcharts avatar

    apexcharts/apexcharts.js

    15,186View on GitHub↗

    ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c

    ApexCharts is a comprehensive JavaScript charting library that provides multiple chart types, interactive tooltips, customizable themes, animations, and responsive SVG rendering for web applications.

    JavaScriptChart AnimationsSVG-Based Vector RenderingMulti-Series Charting
    View on GitHub↗15,186
  • chartjs/chart.jschartjs avatar

    chartjs/Chart.js

    67,779View on GitHub↗

    Chart.js is a declarative data visualization framework that renders interactive, responsive charts directly onto an HTML5 canvas element. It functions as a configuration-driven engine, transforming structured datasets into complex graphical representations by merging user-defined settings with global defaults. The library utilizes a high-performance rendering pipeline that executes drawing commands during each animation frame to maintain smooth visual feedback. The project distinguishes itself through a modular, extensible architecture that allows developers to register custom scales, control

    Chart.js is a declarative JavaScript data visualization framework that renders interactive, responsive charts onto an HTML5 canvas with support for multiple chart types, custom styling, and animations.

    JavaScriptMixed Chart TypesMulti-Series Charting
    View on GitHub↗67,779
  • ecomfe/vue-echartsecomfe avatar

    ecomfe/vue-echarts

    10,744View on 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

    This repository provides a reactive wrapper for Apache ECharts that directly delivers charting capabilities with support for custom themes, tooltips, responsive sizing, animations, and multiple chart types.

    TypeScriptChart Customization ComponentsCustom Tooltip Components
    View on GitHub↗10,744
  • recharts/rechartsrecharts avatar

    recharts/recharts

    27,241View on 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

    This is a declarative React charting library built on SVG that supports composable layouts, responsive design, multiple chart types, and rich customization features matching your visualization needs.

    TypeScriptChart AnimationsChart Customization Components
    View on GitHub↗27,241
  • tanstack/react-chartsTanStack avatar

    TanStack/react-charts

    3,149View on 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

    This React charting library provides declarative components, multiple chart types, and SVG-based rendering for building interactive data visualizations, though it lacks some broader rendering backends like canvas.

    HTMLSVG-Based Vector RenderingChart Customization Components
    View on GitHub↗3,149
  • frappe/chartsfrappe avatar

    frappe/charts

    15,093View on GitHub↗

    This project is a client-side data visualization framework and SVG charting library used to render responsive, interactive charts in a web browser. It functions as a lightweight utility for generating scalable vector graphics and data annotations without external dependencies. The library enables the creation of custom SVG charts with adjustable colors and animations to meet specific design requirements. It supports dynamic data updates and the addition of markers, regions, and tooltips to provide context to specific data points. The system covers broad capability areas including responsive

    Frappe Charts is a zero-dependency client-side SVG charting library that supports responsive layouts, custom themes, interactive tooltips, and animations across multiple chart types.

    JavaScriptSVG-Based Vector Rendering
    View on GitHub↗15,093
  • klinecharts/klinechartklinecharts avatar

    klinecharts/KLineChart

    4,296View on GitHub↗

    KLineChart is a high-performance financial charting library and data visualization engine. It uses native browser canvas APIs to render interactive candlestick charts and time-series financial data for web and mobile applications. The library is built as a plugin-based framework, allowing for the integration of custom calculation logic and rendering routines. This modular architecture enables the addition of technical analysis visualization tools and custom indicators to financial dashboards. The system handles real-time market data updates and computes technical indicators to visualize mark

    This is a high-performance financial charting library focused on canvas-based candlestick and time-series visualizations, though its specialized niche means it is tailored more for trading interfaces than general-purpose charting.

    TypeScriptCanvas Rendering Engines
    View on GitHub↗4,296
  • hshoff/vxhshoff avatar

    hshoff/vx

    20,867View on GitHub↗

    vx is a declarative charting framework and SVG data visualization library. It serves as an integration layer that combines D3 mathematical scales and shapes with a component-based UI for rendering visualizations. The project provides a set of building blocks for constructing custom charts and diagrams using React components. It bridges mathematical data and visual representation by utilizing low-level primitives to manage scalable vector graphics without manual document object model manipulations. The library covers a broad capability surface including custom chart development, declarative S

    This repository provides a collection of low-level React primitives and D3 integrations for building custom charts, covering many visualization patterns though lacking out-of-the-box canvas rendering and pre-built responsive themes.

    TypeScriptSVG-Based Vector Rendering
    View on GitHub↗20,867
  • vega/vega-litevega avatar

    vega/vega-lite

    5,546View on GitHub↗

    Vega-Lite is a high-level declarative language for specifying interactive, multi-view visualizations. It compiles a concise JSON specification into a full Vega visualization, automatically inferring scales, axes, and legends from encoding declarations. The grammar-of-graphics encoding maps data fields to visual channels such as position, color, size, and shape, while a multi-view composition grammar enables layered, faceted, concatenated, and repeated layouts. Reactive parameter binding links named parameters to input widgets, selections, and expressions for dynamic updates. The project suppo

    Vega-Lite provides a declarative grammar-of-graphics specification for building highly customizable, interactive, and multi-view charts with automatic scaling and responsive layouts.

    TypeScriptTooltips
    View on GitHub↗5,546
  • britecharts/britechartsbritecharts avatar

    britecharts/britecharts

    3,723View on GitHub↗

    Britecharts is an SVG data visualization toolkit and D3.js charting library. It functions as a composable visualization framework and interactive charting interface used to render data-driven graphics. The library provides a variety of chart types, including line, bar, scatter, donut, sparkline, step, and bullet charts, as well as stacked area and grouped bar charts. It supports interactive elements such as brush interfaces for zooming into date ranges and informational tooltips for data overlays. The framework includes capabilities for visual configuration, such as axis scaling, color schem

    Britecharts is a composable SVG charting library built on D3 that offers multiple chart types, custom color schemes, and interactive tooltips, though it lacks built-in canvas rendering support.

    JavaScriptSVG-Based Vector Rendering
    View on GitHub↗3,723
  • lecho/hellocharts-androidlecho avatar

    lecho/hellocharts-android

    7,589View on GitHub↗

    Hellocharts-android is a data visualization library and charting framework for Android applications. It provides a collection of custom view components used to render datasets as visual elements, such as line, column, and pie charts. The library supports interactive visualizations that allow users to navigate data through touch gestures, including pinching, scrolling, and panning. It also includes built-in capabilities for animating data points and chart elements to create smooth visual transitions during dataset updates. The framework covers a broad range of visualization needs, including c

    Hellocharts-android is an Android charting library that supports multiple chart types, interactive touch gestures, and animations, though it is limited specifically to the Android platform rather than being a cross-platform web or general visualization tool.

    JavaChart Animations
    View on GitHub↗7,589
  • airbnb/visxairbnb avatar

    airbnb/visx

    21,096View on 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

    Visx provides a collection of modular low-level primitives for building custom charts in React, matching the need for a customizable visualization tool while focusing on a component-based architecture rather than a monolithic charting package.

    TypeScriptSVG-Based Vector Rendering
    View on GitHub↗21,096
  • c3js/c3c3js avatar

    c3js/c3

    9,351View on 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

    This JavaScript-based charting library built on D3 handles reusable interactive charts and SVG rendering, though it is missing some advanced features like canvas support and rich animation options.

    JavaScriptSVG-Based Vector Rendering
    View on GitHub↗9,351
  • chart-kit/react-native-chart-kitchart-kit avatar

    chart-kit/react-native-chart-kit

    3,106View on GitHub↗

    React Native Chart Kit is a library of responsive charting components designed for rendering interactive data visualizations within cross-platform mobile applications. It provides a suite of UI elements that map data properties to visual representations, utilizing scalable vector graphics to maintain clarity across diverse screen densities and resolutions. The library distinguishes itself through a platform-agnostic layout engine that ensures consistent alignment and responsiveness across different mobile devices. It integrates directly with native touch event systems, enabling users to explo

    This React Native charting library delivers responsive, SVG-based data visualizations with interactive tooltips and customizable styling, though it focuses specifically on mobile applications rather than a general-purpose web visualization suite.

    TypeScriptSVG-Based Vector Rendering
    View on GitHub↗3,106
  • imanneo/fl_chartimaNNeo avatar

    imaNNeo/fl_chart

    7,592View on GitHub↗

    fl_chart is a data visualization library and UI component framework for Flutter. It provides a system of reusable graphical widgets for creating interactive, customizable quantitative data visualizations. The framework supports a variety of chart types, including line, bar, pie, donut, scatter, radar, and candlestick views. It allows for the creation of complex visualizations such as layered data segments and financial charts. The library includes capabilities for interactivity and visual refinement, such as touch event handling, data tooltips, and state animations. It also provides tools fo

    It provides a comprehensive Flutter charting framework with support for multiple chart types, animations, and tooltips, though it is specifically tailored for the Flutter ecosystem rather than general-purpose web visualization.

    DartChart Animations
    View on GitHub↗7,592
  • chartscss/charts.cssChartsCSS avatar

    ChartsCSS/charts.css

    6,583View on 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

    Charts.css is a CSS-driven data visualization library that renders charts using semantic HTML and styling utilities rather than JavaScript, though it lacks native canvas and SVG rendering engines.

    HTMLMixed Chart Types
    View on GitHub↗6,583
  • d3/d3d3 avatar

    d3/d3

    113,879View on GitHub↗

    D3 is a modular library providing low-level primitives for creating data-driven visualizations. It functions as a flexible framework that allows for direct control over visual presentation by mapping abstract data dimensions to graphical properties, such as position, color, and size, without imposing predefined chart abstractions. The library distinguishes itself by offering specialized tools for complex data representation, including algorithmic layouts for hierarchical structures and geographic projection utilities for mapping spherical coordinates. It also includes a comprehensive suite fo

    D3 is the foundational low-level data visualization library for the web, providing complete control over SVG and canvas rendering, interactive elements, custom styling, and animation support.

    ShellData Visualization LibrariesData Visualization ScalesDOM Manipulation Libraries
    View on GitHub↗113,879
  • plotly/plotly.jsplotly avatar

    plotly/plotly.js

    18,377View on GitHub↗

    Plotly.js is a JavaScript charting library and interactive graphing framework used to create web-based visualizations. It functions as a high-performance data visualization engine that utilizes both SVG for static elements and WebGL for hardware-accelerated rendering of large datasets and complex 3D plots. The library is distinguished by specialized toolkits for financial analysis, such as candlestick and OHLC charts, and geographic mapping tools for rendering choropleth and scatter maps with custom projections. It also supports complex scientific visualizations, including Sankey diagrams, pa

    Plotly.js is a comprehensive charting and data visualization library built for the web, offering interactive graphing, multiple chart types, and high-performance SVG and WebGL rendering.

    JavaScriptInteractive Data ChartingInteractive Visualization RenderingAxis Tick Formatters
    View on GitHub↗18,377
  • antvis/g2antvis avatar

    antvis/G2

    12,654View on GitHub↗

    G2 is a declarative data visualization engine that constructs complex charts and graphical representations by mapping raw data to visual elements through a systematic grammar of graphics. It functions as a modular framework for building custom analytical visualizations, allowing users to define visual encodings and coordinate systems independently of the underlying data. The library distinguishes itself through a multi-backend rendering pipeline that supports Canvas, SVG, and WebGL, ensuring consistent graphical performance across different environments. Its architecture relies on a plugin-ba

    G2 is a declarative charting and data visualization library featuring multi-backend rendering, animations, interactive capabilities, and a comprehensive grammar of graphics to build customizable analytical visualizations.

    TypeScriptVisualization EnginesDeclarative Visualization GrammarsVisualization Grammars
    View on GitHub↗12,654
  • vega/vegavega avatar

    vega/vega

    12,037View on GitHub↗

    Vega is a reactive visualization engine that translates structured specifications into interactive, browser-based graphical representations. It functions as a declarative grammar for data visualization, allowing users to define complex charts and maps through a JSON-based configuration format rather than imperative code. The system operates on a dataflow-based reactive graph that automatically propagates updates through the visualization whenever input data or user interactions change. By integrating a modular transformation pipeline, the engine handles data filtering, sorting, and aggregatio

    Vega is a declarative visualization engine that translates JSON specifications into interactive, responsive charts using both canvas and SVG rendering.

    JavaScriptCharting LibrariesDeclarative Visualization GrammarsVisualization Engines
    View on GitHub↗12,037
  • chartsorg/chartsChartsOrg avatar

    ChartsOrg/Charts

    28,000View on GitHub↗

    Charts is a mobile data visualization library designed for rendering interactive graphical representations of complex datasets. It provides a declarative configuration interface that maps data structures to visual components, supporting a variety of chart types including line, bar, pie, scatter, and radar plots. The library distinguishes itself through a hardware-accelerated drawing layer that ensures high-performance rendering across mobile platforms. It features a gesture-driven transformation engine that enables users to pan, zoom, and scale views, alongside an interpolated animation syste

    Charts is a mobile data visualization library for Swift that supports multiple chart types, hardware-accelerated rendering, and animations, though its mobile-first native scope makes it a narrower fit than a universal multi-platform solution.

    SwiftChart Animations
    View on GitHub↗28,000
  • dc-js/dc.jsdc-js avatar

    dc-js/dc.js

    7,428View on 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

    This JavaScript charting library renders interactive SVG visualizations powered by D3 with native support for multi-dimensional data exploration and linked-view dashboards.

    JavaScriptMixed Chart TypesMulti-Series Charting
    View on GitHub↗7,428
  • apppear/chartviewAppPear avatar

    AppPear/ChartView

    5,633View on GitHub↗

    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

    ChartView is a SwiftUI-native charting library that provides multiple chart types and declarative rendering, though it is tailored specifically for the Apple ecosystem rather than being a cross-platform solution.

    SwiftMixed Chart Types
    View on GitHub↗5,633
  • shutterstock/rickshawshutterstock avatar

    shutterstock/rickshaw

    6,503View on 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

    Rickshaw is a JavaScript library for building interactive time series charts with SVG rendering, multiple chart types, and plugin-based customization, though it lacks built-in canvas support and modern responsive features.

    JavaScriptSVG-Based Vector Rendering
    View on GitHub↗6,503
  • tradingview/lightweight-chartstradingview avatar

    tradingview/lightweight-charts

    17,805View on GitHub↗

    Lightweight Charts is a specialized library for rendering interactive time-series financial data visualizations within web applications. It provides a high-performance, responsive component designed to display historical and live market trends through various graphical formats, including candlesticks, histograms, and line series. The library distinguishes itself through a canvas-based rendering engine that decouples visual representation from raw data, enabling efficient updates and real-time monitoring of large datasets. It includes built-in support for accessibility, ensuring that interacti

    This specialized financial charting library provides responsive, high-performance canvas-based data visualization for web applications, though its primary focus on time-series and market data makes it narrower than a general-purpose charting suite.

    TypeScriptMulti-Series Charting
    View on GitHub↗17,805
  • naver/billboard.jsnaver avatar

    naver/billboard.js

    6,024View on GitHub↗

    billboard.js is a JavaScript charting library built on D3.js that renders interactive data visualizations from a single declarative configuration object. It supports a wide range of chart types including bar, line, pie, scatter, area, spline, step, candlestick, funnel, gauge, heatmap, radar, polar, treemap, bubble, donut, and sparkline charts, and can overlay multiple chart types within a single visualization. The library offers an opt-in Canvas rendering mode for improved performance with large datasets and high-density axis displays, alongside its standard SVG-based rendering. The library d

    Billboard.js is a D3-based charting library supporting a wide range of chart types, SVG and Canvas rendering, and customizable themes, though it misses some advanced animation controls from the feature list.

    TypeScriptChart AnimationsMixed Chart Types
    View on GitHub↗6,024
  • bqplot/bqplotbqplot avatar

    bqplot/bqplot

    3,693View on GitHub↗

    bqplot is an interactive data visualization library for IPython and Jupyter notebooks that utilizes a grammar of graphics. It functions as a tool for creating 2D charts and maps with real-time updates and bidirectional communication between the kernel and frontend. The library is distinguished by its ability to act as a geographic data visualization tool, rendering choropleth maps and spatial data via GeoJSON and custom projections. It also serves as a financial charting tool for producing OHLC and candle bar charts, and as an interactive dashboard framework for combining plotting widgets wit

    bqplot is a Jupyter-native data visualization library that provides interactive 2D charts and maps with grammar-of-graphics styling, though it requires a notebook environment rather than acting as a standalone web charting library.

    TypeScriptStandard Chart Types
    View on GitHub↗3,693
  • uber/react-visuber avatar

    uber/react-vis

    8,786View on GitHub↗

    react-vis is a declarative, component-based React data visualization library. It provides a framework of reusable building blocks for rendering interactive charts and graphs by mapping raw data to visual attributes such as position, color, and size. The system leverages D3 for its scaling and layout logic. The library is distinguished by its ability to handle complex data relationships, including hierarchical data via tree maps and circle packing, as well as multidimensional analysis using parallel axes and radar charts. It also supports network flow mapping to illustrate the volume and direc

    React-vis is a declarative React charting library that provides reusable building blocks for interactive data visualization, though it is missing some modern rendering and animation features.

    JavaScriptChart Animations
    View on GitHub↗8,786
  • apertureless/vue-chartjsapertureless avatar

    apertureless/vue-chartjs

    5,717View on 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

    This Vue component library wraps Chart.js to provide reactive, customisable charts with multiple types and interactive tooltips, fitting the visualisation toolkit search well despite depending on an underlying charting engine.

    TypeScriptChart Customization Components
    View on GitHub↗5,717
  • nhnent/tui.chartnhnent avatar

    nhnent/tui.chart

    5,403View on GitHub↗

    tui.chart is a statistical charting engine and data visualization library designed to render interactive charts and graphs for complex numerical datasets. It functions as a responsive charting framework capable of producing various statistical representations, including line, bar, scatter, bubble, and treemap charts. The library distinguishes itself through an interactive visualization system that supports synchronized tooltips across multiple charts, range-based zooming, and data series selection. It includes a layout engine that automatically adjusts chart dimensions and animations based on

    This statistical charting library supports multiple chart types, interactive tooltips, responsive design, and canvas-based rendering, though it lacks explicit customization for themes and animations in its core description.

    TypeScriptCross-Chart Tooltip Synchronization
    View on GitHub↗5,403
  • swimlane/ngx-chartsswimlane avatar

    swimlane/ngx-charts

    4,358View on 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

    This Angular charting library supports SVG rendering, animated and interactive charts, customizable themes, and multiple chart types, though it is specifically tied to the Angular ecosystem rather than being a framework-agnostic tool.

    TypeScriptCustom Tooltip Components
    View on GitHub↗4,358
  • nhn/tui.chartnhn avatar

    nhn/tui.chart

    5,402View on GitHub↗

    tui.chart is a JavaScript data visualization library and multi-type charting engine used to render interactive statistical charts. It functions as a responsive charting framework and real-time data visualizer, utilizing HTML5 Canvas for high-performance rendering of diverse datasets. The library provides a wide array of visual formats, including linear, circular, grid-based, hierarchical, and statistical chart types. This covers everything from standard bar, line, and pie charts to more specialized visualizations such as radar charts, treemaps, bubble charts, and box plots. The engine includ

    This JavaScript charting library provides multiple chart types and canvas-based rendering for data visualization, though it is missing custom themes and interactive tooltips in its explicitly listed features.

    TypeScriptCross-Chart Tooltip Synchronization
    View on GitHub↗5,402
  • jtblin/angular-chart.jsjtblin avatar

    jtblin/angular-chart.js

    2,658View on GitHub↗

    Angular-chart.js is a frontend charting library that provides a set of reusable directives for integrating the Chart.js visualization engine into AngularJS applications. It functions as a wrapper that encapsulates complex rendering logic within declarative components, enabling the creation of interactive and responsive graphical data representations. The library distinguishes itself by providing reactive data synchronization, which automatically triggers canvas re-renders whenever underlying data or configuration models change. It also utilizes a provider-based configuration system, allowing

    Angular-chart.js is a charting library that wraps Chart.js into AngularJS directives to provide responsive and interactive canvas-based data visualizations, though it specifically targets the legacy AngularJS ecosystem rather than modern frameworks.

    JavaScriptAngularJS Component LibrariesAngularJSChart Components
    View on GitHub↗2,658
  • akorchev/razor.radzen.comakorchev avatar

    akorchev/razor.radzen.com

    4,257View on GitHub↗

    This project is a comprehensive Blazor UI component library and web interface design system. It provides a collection of native web components and a specialized data visualization suite for building professional user interfaces within the Blazor framework. The library implements industry-standard visual frameworks, including Material Design and Fluent UI. It features a dynamic theming system that uses CSS variables to allow for runtime customization of colors and spacing, including the ability to switch between light and dark modes. The component suite covers a broad range of functional area

    This repository provides a Blazor-based UI component library and data visualization suite that includes chart components for building custom dashboards, though it is tied to the Blazor framework rather than being a general-purpose standalone charting library.

    C#Blazor ApplicationsWeb Interface ComponentsApplication Navigation Components
    View on GitHub↗4,257
  • elemefe/v-chartsElemeFE avatar

    ElemeFE/v-charts

    6,740View on 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

    It is a Vue component library built on top of ECharts that provides simplified data visualization components, though it functions as a wrapper rather than a standalone charting engine.

    JavaScriptVue Component WrappersApache ECharts IntegrationsChart Component Libraries
    View on GitHub↗6,740
  • jerairrest/react-chartjs-2jerairrest avatar

    jerairrest/react-chartjs-2

    6,933View on 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

    This library acts as a React wrapper for Chart.js to render interactive charts and graphs using HTML5 canvas, fulfilling the need for a charting tool despite relying on an underlying engine for rendering.

    TypeScriptReact Charting LibrariesChart ComponentsData Visualizations
    View on GitHub↗6,933
  • observablehq/plotobservablehq avatar

    observablehq/plot

    5,305View on GitHub↗

    This is a grammar of graphics visualization library used to build charts by mapping tabular data to visual marks. It functions as an SVG data visualization tool and an exploratory data analysis API, allowing users to render complex visualizations and geographic maps. The library features a GeoJSON map renderer that projects spherical coordinates into two-dimensional pixel space and an Apache Arrow visualization interface for high-efficiency data processing. Its capability surface covers data transformation through binning and grouping, visual encoding via automatic scale inference and color

    This library provides a grammar of graphics for creating customizable SVG charts and data visualizations from tabular data, though it focuses more on declarative grammar than traditional animated rendering.

    HTMLDeclarative Visualization GrammarsLayered Visualization CompositionApache Arrow Processing
    View on GitHub↗5,305
  • antvis/g2plotantvis avatar

    antvis/G2Plot

    2,654View on GitHub↗

    :dango: An interactive and responsive charting library based on G2.

    This library provides interactive, responsive charts built on top of G2, matching the visualization tool requirement despite a slightly misaligned metadata tag.

    TypeScriptData VisualizationGame Engines
    View on GitHub↗2,654
  • rainbow-me/react-native-animated-chartsrainbow-me avatar

    rainbow-me/react-native-animated-charts

    963View on GitHub↗

    React Native Animated Charts is a user interface component library for building interactive line graphs and data visualizations within mobile applications. It functions as a cross-platform component for rendering scalable vector graphics chart paths, touch-following indicators, and dynamic axis labels on iOS and Android devices. The library incorporates data processing capabilities to prepare raw datasets for display. It handles cubic spline data smoothing to transform coordinate sets into continuous curves, alongside downsampling algorithms to reduce point density while retaining critical e

    This is a React Native charting library focused on smooth animated data visualizations, fitting the requested category well despite lacking responsive web design and broad canvas/SVG rendering options.

    JavaScriptSVG Chart Element Animators
    View on GitHub↗963
  • dexplo/bar_chart_racedexplo avatar

    dexplo/bar_chart_race

    1,452View on GitHub↗

    Bar chart race is a Python data visualization library that transforms ordered tabular time-series data into animated bar and line chart races. It operates as an extension for rendering dynamic charts that illustrate how rankings and values change over time. The library interpolates wide-format chronological tables into densely sampled frame sequences, calculating intermediate numeric values to produce fluid motion animations. It orchestrates iterative canvas redraws through a plotting backend while supporting external multimedia encoders to export compressed standard video files. Generated a

    This Python tool generates animated bar chart races using matplotlib, though it focuses narrowly on a single dynamic chart type rather than a comprehensive multi-chart visualization library.

    PythonChart Animations
    View on GitHub↗1,452
  • bloomberg/bqplotbloomberg avatar

    bloomberg/bqplot

    3,693View on GitHub↗

    bqplot is an interactive data visualization library for Jupyter notebooks. It implements a grammar of graphics model, allowing users to build complex 2D charts by combining marks, scales, and axes. The library distinguishes itself with specialized toolkits for financial charting, such as OHLC candlesticks and time-series analysis, and geographic data visualization, including choropleths and custom map projections for TopoJSON and GeoJSON data. It enables deep interaction through tools like lasso selection, rectangular brushing, and the ability to manually manipulate plot points or line data.

    bqplot is a grammar-of-graphics-based visualization library for Jupyter notebooks supporting interactive tools, diverse chart types, and canvas rendering, though it is scoped specifically to the Jupyter ecosystem rather than general web applications.

    TypeScriptDeclarative Visualization GrammarsGrammar of Graphics RenderersInteractive Data Visualizations
    View on GitHub↗3,693
  • timqian/chart.xkcdtimqian avatar

    timqian/chart.xkcd

    7,872View on GitHub↗

    chart.xkcd is a client-side JavaScript library used to generate data visualizations as scalable vector graphics directly in the browser. It functions as a graphing utility that manipulates DOM elements to produce various chart types without requiring server-side dependencies. The library is distinguished by a rendering engine that applies randomized stroke offsets and variable line weights to SVG paths. This process simulates a sketchy, hand-drawn aesthetic for data charts, creating a comic-like visual style. The project supports a variety of visualization formats, including bar, line, circu

    chart.xkcd is a client-side JavaScript library that generates multiple chart types as scalable vector graphics with a distinctive hand-drawn aesthetic, fitting the core data visualization need despite lacking some advanced customization features like animations.

    JavaScriptClient-Side Charting UtilitiesHand-Drawn Aesthetic SimulationAesthetic Style Overlays
    View on GitHub↗7,872
  • scottplot/scottplotScottPlot avatar

    ScottPlot/ScottPlot

    6,802View on GitHub↗

    ScottPlot is a cross-platform, high-performance charting library for .NET that renders interactive plots across desktop and web GUI frameworks including Windows Forms, WPF, MAUI, Avalonia, Blazor, and WinUI. It provides an optimized rendering engine capable of displaying millions of data points with interactive pan, zoom, and live data streaming, while also supporting image export to formats like PNG and SVG for file output, cloud applications, and notebooks. The library distinguishes itself through a comprehensive set of chart types including scatter, line, bar, pie, heatmap, financial, rada

    ScottPlot is a high-performance .NET charting library that supports interactive plots, multiple chart types, and SVG rendering across various GUI frameworks, making it a strong fit for .NET developers despite lacking built-in animated transitions.

    C#Interactive Plotting Frameworks.NET Interactive Plotting LibrariesBar Charts
    View on GitHub↗6,802
  • live-charts/live-chartsLive-Charts avatar

    Live-Charts/Live-Charts

    5,540View on GitHub↗

    Live-Charts is a .NET data visualization library providing a collection of interactive charts, maps, and gauges. It functions as a real-time charting engine and multi-format graphics library designed to render complex data sets within .NET applications. The library features tools for creating interactive data dashboards capable of exploring large datasets. This is supported by a system for zooming, panning, and utilizing multiple coordinate axes to navigate hundreds of thousands of data points. The visualization engine supports a variety of formats including bars, lines, heat maps, and geogr

    Live-Charts is a .NET charting and data visualization library that provides interactive charts, maps, and real-time plotting capabilities, fitting the requested category well despite lacking explicit mention of dual canvas and SVG rendering.

    C#.NET Interactive Plotting Libraries.NET Data VisualizationsData Visualizations
    View on GitHub↗5,540
  • beizhedenglong/rough-chartsbeizhedenglong avatar

    beizhedenglong/rough-charts

    1,546View on 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

    Rough Charts is a React-based library for creating data visualizations with a hand-drawn aesthetic, offering declarative components for custom charts despite lacking explicit details on animation support or multi-renderer options.

    TypeScriptReact Charting LibrariesChart Visual CustomizationsCustom Chart Creators
    View on GitHub↗1,546
  • angular-google-chart/angular-google-chartangular-google-chart avatar

    angular-google-chart/angular-google-chart

    881View on GitHub↗

    This project is a frontend component library that provides an AngularJS directive for the Google Chart Tools library. It functions as a wrapper designed to integrate interactive data visualizations into web applications by mapping structured data sets into graphical representations such as bar charts, line graphs, and pie charts. The library utilizes a configuration-driven approach that maps declarative objects to specific chart types and options, abstracting the initialization process into standard markup. It manages the lifecycle of third-party graphical elements through directive-based enc

    This repository provides an AngularJS directive wrapper for Google Chart Tools, making it a valid data visualization component library despite being tied to a legacy framework.

    JavaScriptAngularJS Component LibrariesChart Reactive BindingsGeneral Chart Renderers
    View on GitHub↗881
  • imanneofight/fl_chartimaNNeoFighT avatar

    imaNNeoFighT/fl_chart

    7,539View on GitHub↗

    fl_chart is a charting library and data visualization toolkit for Flutter. It provides a collection of customizable widgets used to render datasets as visual graphics across mobile, web, and desktop platforms. The framework supports a variety of chart types, including line, bar, pie, scatter, radar, and candlestick charts. These tools enable the creation of data-driven dashboards and analytical reports, such as those used for tracking financial market trends and price movements.

    fl_chart is a Flutter charting library that supports multiple chart types, interactive tooltips, and custom widget rendering, though it is specifically tailored to the Flutter ecosystem rather than general web frameworks.

    DartData VisualizationsCross-Platform Charting FrameworksCustom Widget Rendering
    View on GitHub↗7,539
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
apache/echarts67.7KTypeScriptApache-2.0Oct 13, 2026
ecomfe/echarts66.6KTypeScriptApache-2.0Jun 2, 2026
highcharts/highcharts
12.5K
TypeScript
NOASSERTION
Nov 6, 2026
apexcharts/apexcharts.js15.2KJavaScriptNOASSERTIONNov 3, 2026
chartjs/chart.js67.8KJavaScriptMITOct 23, 2026
ecomfe/vue-echarts10.7KTypeScriptMITNov 7, 2026
recharts/recharts27.2KTypeScriptMITJun 16, 2026
tanstack/react-charts3.1KHTMLMITMar 10, 2025
frappe/charts15.1KJavaScriptMITOct 19, 2026
klinecharts/klinechart4.3KTypeScriptApache-2.0Oct 29, 2026

Related searches

  • CSS framework
  • CSS, styling and dataviz
  • a css framework for styling web interfaces
  • a react library for building charts
  • CSS framework
  • Dotfiles manager
  • CSS styling system
  • Bar chart component