For a javascript library for sankey charts, the strongest matches are hshoff/vx (This library provides the low-level React primitives and D3-based), justineo/vue-echarts (This is a Vue) and ecomfe/vue-echarts (This library provides a robust Vue). swimlane/ngx-charts and f5/unovis round out the shortlist. Each is ranked by relevance to your query, popularity and recent activity.
Explore the best Sankey chart libraries for your project. Compare top-rated open-source components by features and activity to find the best fit.
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 library provides the low-level React primitives and D3-based building blocks necessary to construct custom, interactive, and responsive Sankey diagrams, though it requires you to implement the specific flow-based logic yourself.
vue-echarts is a declarative charting wrapper and Vue.js component for the Apache ECharts library. It functions as a data visualization library that maps configurations and data updates to a rendering engine, enabling the embedding of interactive graphs and charts as reusable web components. The project provides a system for managing visual consistency through theme configuration and context-based injection. It allows for deep customization of the visualization interface, including the use of scoped slots to render custom HTML markup within tooltips and the construction of complex graphic ele
This is a Vue.js wrapper for Apache ECharts that provides a reusable component for rendering interactive, data-driven charts, including support for Sankey diagrams through the underlying ECharts engine.
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 library provides a robust Vue.js wrapper for Apache ECharts, which natively supports interactive and responsive Sankey diagrams as part of its comprehensive data visualization suite.
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 is a comprehensive Angular charting library that provides the necessary data-driven rendering and interactive components for building custom visualizations, though it does not include a native Sankey diagram component out of the box.
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 includes a dedicated Sankey diagram generator along with the interactive, data-driven, and customizable features required for building complex charts.
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 provides built-in support for Sankey diagrams alongside a wide range of other interactive, responsive, and data-driven visualization types.
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
This library provides a comprehensive set of React components for data visualization, including specific support for network flow and pattern visualization that can be used to construct Sankey diagrams.
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 charting library for React that provides the necessary building blocks for data-driven visualizations, though it does not include a native Sankey diagram component out of the box.
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 a foundational data visualization library that provides the low-level primitives required to build custom, interactive, and responsive Sankey diagrams, though it requires manual implementation rather than offering a pre-built component.
This project is a client-side rendering engine that transforms declarative, text-based syntax into visual diagrams directly within the browser. By utilizing a domain-specific language, it allows users to define complex structures—such as software architectures, process flows, and system behaviors—without the need for manual layout configuration. The library functions as a browser-based runtime that parses these definitions into intermediate abstract syntax trees, which are then processed by specialized engines to generate high-fidelity, resolution-independent graphics. The system distinguishe
Mermaid is a versatile diagramming library that supports Sankey diagrams and provides the interactive, data-driven rendering needed to visualize flow-based data directly in the browser.
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 library provides a suite of responsive, interactive charting components for mobile applications, though it does not explicitly include a Sankey diagram among its supported chart types.
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 library provides a declarative framework for building interactive, data-driven charts, though it requires custom implementation or extensions to specifically render Sankey diagrams.
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 is a collection of modular React primitives for building custom data visualizations that can be used to construct Sankey diagrams, though it requires you to implement the specific diagram logic yourself rather than providing a pre-built component.
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
This library provides a set of reusable Vue components for data visualization that includes support for Sankey diagrams through its underlying ECharts engine, making it a suitable tool for your requirements.
Ant Design Charts is a data visualization framework and declarative component library designed for React applications. It provides a collection of reusable components that map complex datasets to graphical representations, enabling the creation of interactive charts, plots, and maps within web interfaces. The library utilizes a grammar-based mapping system to transform raw data into visual properties, supported by a layered graphic abstraction that separates data representation from interactive elements. It employs a canvas-based rendering engine to maintain performance when handling large da
This library provides a comprehensive suite of React-based data visualization components, including built-in support for interactive and customizable Sankey diagrams.
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 library provides a suite of interactive, data-driven React charting components that can be used to build visualizations, though it does not include a native Sankey diagram implementation out of the box.
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
This library provides a comprehensive suite of interactive, data-driven charting components built on D3.js, though it does not explicitly list Sankey diagrams among its supported chart types.
nvd3 is a data visualization framework and reusable web graphing library. It provides a collection of interactive charting components built on top of the D3.js library to render complex datasets as graphics within a web browser. The library functions as a wrapper for D3.js, offering predefined chart types and modular templates. This implementation allows for the creation of custom data graphs and web dashboards without requiring the author to write low-level SVG code from scratch. The system utilizes SVG-based vector rendering and attribute-driven styling to generate visualizations. It incor
This library provides a collection of reusable, interactive charting components built on D3.js that support data-driven rendering and customizable styling, though it lacks native support for Sankey diagrams.
Butterfly is an interactive graph visualization library and SVG-based diagramming engine used to build node-based workflow designers and visual flow editors. It provides a framework for rendering interconnected nodes, edges, and groups to model technical architectures, business processes, and data-driven workflows. The project is distinguished by its ability to integrate custom UI components as graph nodes and its specialized support for data lineage visualization. It enables the mapping of relationships between data fields, tables, and business entities to track provenance and monitor workfl
This library provides a robust framework for building interactive, node-based flow diagrams and data-driven visualizations, making it a suitable component for implementing custom Sankey-style workflows.
Mermaid is a text-to-diagram rendering engine that transforms markdown-inspired text definitions into visual flowcharts, sequence diagrams, and Gantt charts. It functions as a markdown-based diagramming tool designed to keep technical documentation synchronized with development by defining visuals as plain text. The engine utilizes a sandboxed rendering process, executing diagram generation inside isolated frames to prevent malicious scripts embedded in user text from executing in the browser. The system handles client-side text transformation and domain-specific language parsing to map text
Mermaid is a diagramming engine that supports Sankey diagrams through its text-to-diagram syntax, providing a data-driven and responsive way to render these visualizations in web applications.
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
This library provides a declarative, interactive, and hardware-accelerated framework for mobile data visualization, though it does not explicitly list Sankey diagrams among its supported chart types.
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 library provides a wrapper for Google Chart Tools, which includes native support for Sankey diagrams alongside other interactive, data-driven visualization types.
This is a specialized plugin for the Chart.js library that provides Sankey diagram visualization, offering the interactive and data-driven rendering capabilities required for flow-based data.
Charts is a data visualization framework and charting library for iOS, tvOS, and macOS. It provides a set of graphical components used to render interactive line, bar, pie, and scatter charts to represent complex data sets. The project serves as an implementation of a charting library adapted specifically for the Apple ecosystem. It includes a rendering engine capable of plotting data points directly from database records. The framework covers a broad range of visualization capabilities, including interactive data exploration via zooming and panning gestures, visual style customization for c
This is a comprehensive charting library for the Apple ecosystem that provides interactive, data-driven rendering, though it does not natively support Sankey diagrams.
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 is a powerful declarative visualization library that supports Sankey diagrams through its flexible grammar-of-graphics, allowing you to build interactive, data-driven, and responsive flows using its layered mark system.
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,
This library provides a declarative React-based framework for building interactive data visualizations, and while it supports a wide range of chart types, it serves as a robust component for rendering complex data-driven graphics like Sankey diagrams.
GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a
GoJS is a powerful, data-driven diagramming library that supports Sankey diagrams through its flexible link-routing and node-template system, providing the interactivity and responsiveness required for complex flow-based visualizations.
react-chartjs-2 is a data visualization library that provides a set of React components to integrate the Chart.js library. It serves as a component-based charting interface for rendering dynamic data visualizations and graphs based on structured data sets. The project provides a declarative way to manage chart configurations and data updates. It maps component props to the underlying charting engine, allowing users to modify visual options and data dynamically to refresh displays. The library covers broader data visualization development, including the implementation of dynamic dashboards an
This library provides a declarative React interface for Chart.js, which supports Sankey diagrams through its underlying engine, making it a suitable component for integrating interactive, data-driven visualizations into your application.
F2 is a cross-platform charting engine and grammar-based visualization tool designed to render interactive data visualizations. It functions as a declarative system that allows users to build complex charts by defining the relationships between data dimensions and visual encoding channels. The framework is specifically optimized for mobile data visualization, providing a toolkit for creating touch-optimized charts. It supports custom data visualization styling, enabling the use of personalized shapes and animations to define a unique visual identity. The engine provides a platform-agnostic r
F2 is a powerful, grammar-based charting library that provides the data-driven rendering and interactive capabilities needed to build custom visualizations, though it requires implementing the specific Sankey logic as a custom shape or extension.
react-vis is a React data visualization library and declarative charting framework used to create composable graphical representations. It provides a system for rendering complex visualizations by composing simple building blocks into larger chart structures. The library includes specialized tools for hierarchical data mapping via sunburst diagrams and tree maps, as well as flow and relationship visualization using Sankey diagrams. It also provides a multivariate data visualizer for plotting high-dimensional data through parallel coordinates, radar charts, and radial visualizations. The fram
This library provides a declarative, component-based approach to building data visualizations in React, including native support for Sankey diagrams and the interactive, data-driven features required for flow-based visualization.
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 a robust, zero-dependency framework for rendering interactive and responsive SVG charts, though it lacks native support for Sankey diagrams specifically.
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
This is a comprehensive data visualization library for Flutter that provides interactive, customizable charts, though it does not natively include a specific Sankey diagram implementation.
| Repository | Stars | Sprache | Lizenz | Letzter Push |
|---|---|---|---|---|
| hshoff/vx | 20.9K | TypeScript | MIT | |
| justineo/vue-echarts | 10.7K | TypeScript | MIT | |
| ecomfe/vue-echarts | 10.7K | TypeScript | MIT | |
| swimlane/ngx-charts | 4.4K | TypeScript | MIT | |
| f5/unovis | 2.7K | TypeScript | apache-2.0 | |
| apexcharts/apexcharts.js | 15.1K | JavaScript | NOASSERTION | |
| uber/react-vis | 8.8K | JavaScript | MIT | |
| recharts/recharts | 27.2K | TypeScript | MIT | |
| d3/d3 | 113.1K | Shell | ISC | |
| mermaid-js/mermaid | 88.7K | TypeScript | MIT |