A robust data visualization framework with 26 chart types, built with D3 and TypeScript for multiple frontend frameworks.
Carbon Charts is an open-source data visualization framework that provides a library of 26 reusable chart components. It solves the problem of building consistent, interactive charts across different JavaScript frameworks by offering dedicated packages for React, Vue, Angular, Svelte, and vanilla JavaScript, all built on D3 and TypeScript.
Frontend developers and teams building data-intensive applications, dashboards, or reports who need consistent, accessible charts across multiple frameworks or within a design system.
Developers choose Carbon Charts for its framework-agnostic approach, comprehensive chart types, and tight integration with the Carbon Design System, which ensures accessibility and visual consistency without sacrificing the power of D3.js.
:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Offers dedicated packages for vanilla JavaScript, React, Vue, Angular, and Svelte, enabling consistent charts across different tech stacks without rewriting code.
Includes 26 different chart types, from basic line and bar charts to complex treemaps and radar charts, providing a wide range of visualization options in one library.
Built on the robust D3.js library, ensuring precise, flexible, and performant visualizations with the reliability of a proven foundation.
Written in and fully typed with TypeScript, enhancing developer experience with autocompletion, type safety, and better code maintainability.
Part of the Carbon Design System, ensuring charts meet accessibility standards with ARIA attributes, keyboard navigation, and screen reader support.
Due to its reliance on D3.js and multi-framework architecture, the library can add considerable weight to your application bundle, impacting load times.
Tight integration with Carbon means that if you're not using this design system, you may need extensive CSS overrides or face styling conflicts.
While D3 provides flexibility, Carbon Charts' abstraction layer can make it harder to implement highly custom visualizations compared to using D3 directly or more low-level libraries.