Charts and data visualisation

12-month change compares the average of the last 4 weeks of downloads with the first 4 weeks of the 52-week series. Gzip size is for the whole package, as measured by Bundlephobia. "-" means the value has not been fetched.

• @smarthr/smarthr-ui-chartsChart components for SmartHR UI built with React.
• lightweight-charts-react-wrapper
• tauchartsData-focused charting library based on D3
• ngx-deebodataAngular data grid and charts solution with virtual scroll or pagination options, row grouping, column resizing, re-ordering, column hiding, cell editing, tab accessibility, sorting with priority, and advanced filtering.
• @suyalcinkaya/gaugeAn aesthetic and customizable circular visual component for React.
• @aceshooting/lyra-uiFree, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.
• @syncfusion/ej2-angular-heatmapFeature rich data visulization control used to visualize the matrix data where the individual values are represented as colors for Angular
• jqwidgets-scripts-customjQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
• markgojsInteractive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
• @univerjs-pro/docs-chartChart model integration for Univer Docs.
• welliovizProvides functionality to visualize well logs, particularly those already converted to JSON, using d3.js visualization library.
• angular2-highchartsHighcharts for your Angular2 project
• @univerjs-pro/boards-chartChart model integration for Univer Boards.
• schart.jsSmall & simple HTML5 charts
• d3v4Data-Driven Documents
• @discoveryjs/discoveryFrontend framework for rapid data (JSON) analysis, shareable serverless reports and dashboards
• @bicharts/chart-mcpMCP (Model Context Protocol) stdio server for BIC AI charts: profile a dataset locally, then generate chart code that has passed the BIC backend's render gates. Works with any MCP-capable client (Claude Code, Claude Desktop, Cursor, Copilot Studio). Requi
• @primeui/chart-coreChart API for PrimeUI.
• @jkwd/inbaseA first-person 3D map of a codebase, with a visual coding workflow for Cursor, Claude Code, Codex, Zed, Copilot, Cline, OpenCode, LM Studio, and Bionic.
• flint-chart-mcpModel Context Protocol server for Flint — compile, validate, and render semantic chart specs across supported backends.
• vue-schartVue.js wrapper for sChart.js
• @mulmoclaude/chart-pluginECharts visualization plugin (presentChart) — shared gui-chat-protocol plugin for MulmoClaude and MulmoTerminal. Server-side write goes through the generic files.artifacts runtime capability.
• @sigma/layer-webglA package to help drawing custom WebGL layers with sigma.js
• zingchart-reactZingChart React Component wrapper to allow native react syntax for javascript charts, chart events, chart methods and chart styling.
• @wil-works/evoke-chartsEvoke Charts — 零依赖 Canvas 自绘图表库（Vue3）：29 种二维图型 + 三维篇章（透视投影自绘，无需 WebGL）
• @vuer-ai/vuer-vizPublication-quality visualization components for React
• canvasxpressCanvasXpress data-visualization library (browser bundle) for use with JavaScript bundlers such as webpack and vite
• ngx-flexmonsterAngular wrapper for Flexmonster Pivot Table and Charts
• jqwidgets-ng-ssr[](https://jqwidgets.com/license/)
• bubble-chart-jsbubbleChartJs is a lightweight, customizable JavaScript library for creating stacked bubble charts. It arranges bubbles based on their values, with the largest bubble positioned at the top and surrounding bubbles decreasing in size accordingly.
• ag-charts-server-sideServer-side rendering for AG Charts
• ml-time-graphTypeScript library for time-series charts with rich contextual annotation — telemetry, sensors, metrics, logs, finance. DOM-free SVG output, identical in the browser and on the server.
• react-gifted-chartsReactJS counterpart of react-native-gifted-charts. An intuitive charting library for Bar, Line, Area, Pie, Donut, Stacked Bar, Population Pyramid and Radar charts in React
• vis-graph3dCreate interactive, animated 3d graphs. Surfaces, lines, dots and block styling out of the box.
• rcolorRandom color is a simple javascript module for generating random colors that contrast enough to distinguish between one another, and are not too loud (by default, all colours can have readable black/dark font overlayed).
• @mavea/maveaMavéa — a visual AI assistant. Answers come back as charts, timelines, maps and evidence you can check. Runs on your machine, with your own API key.
• charts-cliRender ECharts configurations to SVG/PNG from the command line — schema-driven, built for AI agents
• deromanizeConvert roman numerals to arabic numbers (useful for books, outlines, documentation, slide decks, etc)
• vega-lite-apiA JavaScript API for Vega-Lite.
• d3-celestialA star map with D3.js
• locuszoomGenerate interactive visualizations of statistical genetic data
• d3-geo-polygonClipping and geometric operations for spherical polygons.
• chartist-plugin-accessibilityAccessibility Plugin for Chartist.js
• treevizLibrary which aims to represent trees for data visualization
• flot-pierehosting of the flot piechart plugin with adjustments for NPM
• echarts-mapA powerful charting and visualization library for browser
• radial-progress-chartA customizable Radial Progress Chart written on the top of D3.js.

• d3 vs echarts
• echarts vs lightweight-charts
• chart.js vs lightweight-charts
• react-d3-tree vs @swimlane/ngx-charts
• d3 vs react-d3-tree
• d3 vs @swimlane/ngx-charts
• @deck.gl/core vs three-globe
• @deck.gl/core vs sigma
• 3d-force-graph vs sigma
• @deck.gl/core vs 3d-force-graph
• @deck.gl/core vs globe.gl
• lightweight-charts vs gojs
• apexcharts vs @unovis/ts
• echarts vs @swimlane/ngx-charts