Design Resources

Javascript Chart Libraries

14 resources

Chart libraries turn data into bar, line, pie, map and network visualizations for dashboards, reports and analytics pages. This category covers general-purpose libraries like Chart.js, ApexCharts and Apache ECharts, the low-level D3 toolkit, React-focused Nivo, grammar-of-graphics libraries like G2Plot, animated storytelling with Vizzu, and the VisActor suite of VChart, VTable and VStory.

Pick based on how much control you need. Chart.js and ApexCharts give good defaults with little code, which suits most dashboards. ECharts handles large datasets and many chart types, including maps. D3 is a toolkit rather than a chart library, so it takes more work but allows any custom visualization. Nivo wraps D3 in declarative React components and supports server-side rendering.

Rendering technology affects performance and styling. Canvas-based libraries like Chart.js handle many points efficiently, while SVG output from ApexCharts or Chartist is easier to style with CSS and inspect. Google Charts loads from Google's servers, which matters for offline use and privacy. For huge tables, VTable renders on canvas to stay fast. Check accessibility too: provide data tables or text summaries alongside charts.

ChartJSchartjs.org

Simple yet flexible JavaScript charting for designers & developers

FrappeJSfrappe.io

Includes Green squares grid like in GitHub, and other charts to use.

G

G2Plotg2plot.antv.vision

G2Plot is an interactive and responsive charting library based on the grammar of graphics.

Google Chartsdevelopers.google.com

Get the experience from Google to create similar charts that Google uses.

ApexCharts.Jsapexcharts.com

Modern & Interactive Open-source Charts

Open source
C

Chartistgionkunz.github.io

Simple responsive charts

Vizzulib.vizzuhq.com

Vizzu - a free, open-source Javascript library for building animated charts, data stories, and interactive explorers.

FreeOpen source
A

AntVant-design-charts.antgroup.com

Ant Design Charts, free JS Charts library for dynamic data with excellent documentation

Free

Nivonivo.rocks

Nivo provides supercharged React components to easily build dataviz apps, it's built on top of d3. Also comes with server side rendering ability and fully declarative charts.

Echartsecharts.apache.org

An Open Source JavaScript Visualization Library with declarative syntax for Rapid Construction of Web-based Visualization

Open source

VChartvisactor.io

VChart is not only a multi-terminal chart library that can be used out of the box, but also a vivid and flexible data storyteller.

VTablevisactor.io

VTable is a high-performance multidimensional analysis component developed based on Canvas. When compared with traditional DOM table components, VTable primarily addresses rendering and interaction performance issues in the context of large amounts of data.

VStoryvisactor.io

VStory is a feature-rich narrative system that can use VisActor's VChart and VTable, combined with built-in components, to create visual works.

Built on the open bradtraversy/design-resources-for-developers list by its contributors, licensed MIT. Design Resources for Developers is an independent project, not affiliated with the list's maintainers.

About Synced Oct 16, 2026

© 2026 Design Resources for Developers

Design Resources
About this site
Esc

Type to search every entry. ↑↓ to move, Enter to open.