GoJS - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages

•    Javascript

---

GoJS is a JavaScript and TypeScript library for creating and manipulating diagrams, charts, and graphs. GoJS is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. There are samples for flowchart, org chart, business process BPMN, swimlanes, timelines, state charts, kanban, network, mindmap, sankey, family trees and genogram charts, fishbone diagrams, floor plans, UML, decision trees, pert charts, Gantt, and hundreds more. GoJS includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.

html diagram flowchart orgchart layout graph typescript chart tree uml bpmn editor drawing canvas svg hierarchy family-tree decision-tree mindmap treeview genogram ivr-tree parse-tree concept-map visualization entity-relationship er-diagram radial sankey pert gantt timeline swimlane workflow flow process state sequential-function grafcet sequence circuit dataflow data-flow planogram floorplan seating pipes tree-layout force-directed layered hierarchical circular fishbone ishikawa treemap tree-map subgraph network library js html5

reaviz - 📊 Data visualization library for React based on D3

•    TypeScript

---

REAVIZ is a modular chart component library that leverages React natively for rendering the components while using D3js under the hood for calculations. The library provides an easy way to get started creating charts without sacrificing customization ability.

d3js charts data-visualization reactjs dataviz bar-chart area-chart hive-plot scatter-plot map-chart sparkline pie-chart bubble-chart sankey-chart svg heatmap calendar-heatmap react d3.js d3 charting axis brush line-chart sankey pan zoom radial legends

d3-sankey - Visualize flow between nodes in a directed acyclic network.

•    Javascript

---

Visualize flow between nodes in a directed acyclic network.

d3 d3-module sankey

d3.chart.sankey - Reusable D3 Sankey diagram using d3.Chart

•    Javascript

---

Reusable D3 Sankey diagram using d3.Chart. The spread option does not exist in D3's Sankey plugin and can make some diagrams clearer. When enabled, nodes are distributed over the full height. This may work best when the number of iterations is set to zero.

d3 chart sankey d3.js d3.chart visualization