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

Bar chart component

Ranking updated Aug 19, 2026

For bar chart component, the strongest matches are alibaba/bizcharts (BizCharts is a React-based charting library that natively supports), jwilber/roughviz (RoughViz is a JavaScript charting library that renders bar) and apexcharts/apexcharts.js (ApexCharts is a versatile JavaScript charting library that supports). formidablelabs/victory and recharts/recharts round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.

Hand-picked open-source bar chart components for your web apps, ranked by GitHub stars and activity. Compare and find the best fit.

Bar chart component

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

    alibaba/BizCharts

    6,198View on GitHub↗

    BizCharts is a React charting library that wraps the G2 grammar of graphics, providing declarative React components for building interactive data visualizations. It bridges G2's imperative charting API with React's declarative component model, enabling chart creation through nested component composition without writing imperative code. The library distinguishes itself by mapping G2's grammar of graphics primitives directly to React component types, allowing chart series like line, bar, and scatter to be expressed as interchangeable React components. It synchronizes G2 chart instance creation,

    BizCharts is a React-based charting library that natively supports bar charts alongside interactive tooltips, responsive layouts, and customizable styling through declarative components, though it lacks built-in animation support.

    TypeScriptReact Grammar Wrappers
    View on GitHub↗6,198
  • jwilber/roughvizjwilber avatar

    jwilber/roughViz

    7,113View on GitHub↗

    roughViz is a JavaScript data visualization library used to create charts with a hand-drawn, sketchy aesthetic. It functions as an SVG charting framework that renders visualizations in the browser, prioritizing the communication of general trends and patterns over absolute precision. The library provides a collection of tools to generate several chart types, including bar, line, pie, donut, and scatter plots, as well as stacked bar charts. These visualizations are produced using a non-linear drawing style to present technical information in an informal, organic appearance.

    RoughViz is a JavaScript charting library that renders bar charts and other visualizations with a hand-drawn sketchy aesthetic, though it lacks native React components and advanced interactive tooltips out of the box.

    JavaScriptBar Charts
    View on GitHub↗7,113
  • apexcharts/apexcharts.jsapexcharts avatar

    apexcharts/apexcharts.js

    15,096View 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 versatile JavaScript charting library that supports bar charts, responsive sizing, interactive tooltips, and animations, though you will need its React wrapper wrapper to use it within a React application.

    JavaScriptChart AnimationsResponsive Layout Adapters
    View on GitHub↗15,096
  • formidablelabs/victoryFormidableLabs avatar

    FormidableLabs/victory

    11,242View on GitHub↗

    Victory is a React data visualization library and composable visualization toolkit used to build interactive charts and graphs. It functions as an SVG charting framework that renders scalable data visualizations designed to maintain consistency across different web browsers and operating systems. The project provides a collection of reusable UI primitives that combine to form complex interactive data layouts. This component-based approach allows for the construction of sophisticated graphs by composing modular visualization elements within React applications.

    Victory is a React charting library built on reusable SVG components that supports bar charts, customizable styling, interactive tooltips, responsive sizing, and animations, making it a great fit for your web application.

    TypeScriptReact Charting LibrariesCharting FrameworksComposite Chart Construction
    View on GitHub↗11,242
  • 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

    Recharts is a declarative charting library built for React that supports bar charts, customizable styling, interactive tooltips, responsive sizing, and animations, though its declarative component composition differs slightly from a dedicated single-chart component.

    TypeScriptChart AnimationsResponsive Layout Adapters
    View on GitHub↗27,241
  • timqian/chart.xkcdtimqian avatar

    timqian/chart.xkcd

    7,838View 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 charting library that supports bar charts and renders data in a distinct hand-drawn SVG style, though it lacks native React bindings and built-in animation support.

    JavaScriptBar Charts
    View on GitHub↗7,838
  • naver/billboard.jsnaver avatar

    naver/billboard.js

    5,980View 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 robust D3-based charting library that natively supports bar charts, interactive tooltips, and responsive sizing, though using it with React requires wrapper components rather than direct integration.

    TypeScriptBar ChartsChart Animations
    View on GitHub↗5,980
  • 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 repository provides a canvas-based JavaScript charting engine capable of rendering bar charts with responsive sizing and interactivity, though it is a general visualization library rather than a React-specific component.

    TypeScriptBar Charts
    View on GitHub↗5,402
  • highcharts/highchartshighcharts avatar

    highcharts/highcharts

    12,463View 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 robust JavaScript charting engine that fully supports bar charts, interactive tooltips, responsive sizing, and animation, though it is a general-purpose library rather than a React-specific component.

    TypeScriptResponsive Layout Adapters
    View on GitHub↗12,463
  • f5/unovisf5 avatar

    f5/unovis

    2,730View on GitHub↗

    Unovis is a modular SVG and Canvas data visualization library used to build interactive charts, maps, and network graphs. It provides a framework-agnostic set of primitives for creating data dashboards and specialized visualizations. The library is distinguished by its dedicated toolkits for different visualization domains, including an XY charting library for coordinated plots, a network graph framework for relational data, and a geospatial visualization toolkit for TopoJSON-based mapping. Its capability surface covers a wide range of data representations, including linear, area, and bar ch

    Unovis is a modular data visualization library that supports bar charts, React integration, and interactive tooltips across frameworks, though it operates as a broader charting framework rather than a bar-chart-specific component.

    TypeScriptBar Charts
    View on GitHub↗2,730
  • chartjs/chart.jschartjs avatar

    chartjs/Chart.js

    67,526View 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 versatile charting library that supports responsive, animated bar charts on HTML5 canvas, though it requires a third-party wrapper to integrate natively with React components.

    JavaScriptChart Instance ConfigurationsCharting FrameworksCharting Libraries
    View on GitHub↗67,526
  • plotly/plotly.jsplotly avatar

    plotly/plotly.js

    18,227View 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 powerful JavaScript charting library that handles bar charts, interactive tooltips, responsive sizing, and animations, though you will need a wrapper to use it natively in React.

    JavaScriptInteractive Data ChartingInteractive Visualization RenderingAxis Tick Formatters
    View on GitHub↗18,227
  • frappe/chartsfrappe avatar

    frappe/charts

    15,088View 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

    This library provides responsive, interactive SVG charts with customizable styling, animations, and tooltips, though it is a vanilla JavaScript utility rather than a native React component.

    JavaScriptSVG-Based Vector RenderingCharting LibrariesClient Side Rendering
    View on GitHub↗15,088
  • palantir/plottablepalantir avatar

    palantir/plottable

    3,087View on GitHub↗

    :bar_chart: A library of modular chart components built on D3

    Plottable is a modular charting library built on D3 that supports bar charts for web applications, though you will need to handle React integration separately.

    TypeScriptChart LibrariesCharting LibrariesWeb Frameworks
    View on GitHub↗3,087
  • rumble-charts/rumble-chartsrumble-charts avatar

    rumble-charts/rumble-charts

    344View on GitHub↗

    React components for building composable and flexible charts

    Rumble-charts provides composable React components for data visualization, making it a fitting charting library to build customizable bar charts with responsive sizing and tooltips.

    TypeScriptData Visualization
    View on GitHub↗344
  • mui/mui-xmui avatar

    mui/mui-x

    5,791View on GitHub↗

    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

    MUI X is a comprehensive React UI component suite that includes a dedicated charting library supporting customizable bar charts, responsive sizing, and interactive tooltips.

    TypeScriptAccessible UI ComponentsCalendar-Based Event SchedulersCalendar-Based Scheduling Interfaces
    View on GitHub↗5,791
  • carbon-design-system/carbon-chartscarbon-design-system avatar

    carbon-design-system/carbon-charts

    1,041View on GitHub↗

    :barchart: :chartwithupwardstrend:⠀Robust dataviz framework implemented using D3 & typescript

    This repository provides a robust charting framework built with D3 and TypeScript that supports React and includes the required bar chart capabilities, styling customization, and responsive design, making it a fitting charting library for web applications.

    HTMLData Visualization
    View on GitHub↗1,041
Compare the top 10 at a glance
RepositoryStarsLanguageLicenseLast push
alibaba/bizcharts6.2KTypeScript—May 23, 2025
jwilber/roughviz7.1KJavaScriptMITApr 26, 2024
apexcharts/apexcharts.js15.1KJavaScriptNOASSERTIONJun 11, 2026
formidablelabs/victory11.2KTypeScriptNOASSERTIONDec 19, 2025
recharts/recharts27.2KTypeScriptMITJun 16, 2026
timqian/chart.xkcd7.8KJavaScriptMITJun 17, 2026
naver/billboard.js6KTypeScriptMITJun 17, 2026
nhn/tui.chart5.4KTypeScriptMITOct 5, 2023
highcharts/highcharts12.5KTypeScriptNOASSERTIONJun 23, 2026
f5/unovis2.7KTypeScriptapache-2.0Feb 19, 2026

Related searches

  • a react library for building charts
  • a javascript library for sankey charts
  • a library for animated React charts
  • Chart styling library
  • a library for rendering interactive data visualizations
  • a charting library for building dashboards in React
  • a low-level charting library for custom data visualizations
  • a JS charting library for dashboards