Description
Read more about GoJS at gojs.net
This repository contains both the library and the sources for all samples, extensions, and documentation.
You can use the GitHub repository to quickly search through all of the sources.
GoJS, a JavaScript Library for HTML Diagrams alternatives and similar libraries
Based on the "Data Visualization" category.
Alternatively, view GoJS, a JavaScript Library for HTML Diagrams alternatives based on common mentions on social networks and blogs.
-
d3
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada: -
three.js
JavaScript 3D Library. -
echarts
Apache ECharts is a powerful, interactive charting and data visualization library for browser -
Chart.js
Simple HTML5 Charts using the <canvas> tag -
fabric.js
Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser -
BabylonJS
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework. -
p5.js
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs — -
recharts
Redefined chart library built with React and D3 -
#<Sawyer::Resource:0x00007f1b609038f0>
Open-source JavaScript charting library behind Plotly and Dash -
Highcharts JS
Highcharts JS, the JavaScript charting framework -
Snap.svg
The JavaScript library for modern SVG graphics. -
paper.js
The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey -
react-vis
Data Visualization Components -
Frappe Charts
Simple, responsive, modern SVG Charts with zero dependencies -
raphael
JavaScript Vector Library -
G2
📊 A concise and progressive visualization grammar. -
sigma.js
A JavaScript library aimed at visualizing graphs of thousands of nodes and edges -
svg.js
The lightweight library for manipulating and animating SVG -
c3
:bar_chart: A D3-based reusable chart library -
Cytoscape.js
Graph theory (network) library for visualisation and analysis -
nvd3
A reusable charting library written in d3.js -
trianglify
Algorithmically generated triangle art -
vis
Dynamic, browser-based visualization library. -
dc.js
Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js -
morris.js
Pretty time-series line graphs -
mxGraph
Diagramming library that enables interactive graph and charting applications to be quickly created that run natively in any major browser that is supported by its vendor. -
flot
Attractive JavaScript charts for jQuery -
two.js
A renderer agnostic two-dimensional drawing api for the web. -
heatmap.js
🔥 JavaScript Library for HTML5 canvas based heatmaps -
rickshaw
JavaScript toolkit for creating interactive real-time graphs -
metrics-graphics
A library optimized for concise and principled data graphics and layouts. -
cubism
Cubism.js: A JavaScript library for time series visualization. -
jointjs
A proven SVG-based JavaScript diagramming library powering exceptional UIs -
d3-cloud
Create word clouds in JavaScript. -
epoch
A general purpose, real-time visualization library. -
Frappe Gantt
Open Source Javascript Gantt -
peity
Progressive <svg> pie, donut, bar and line charts -
processing.js
Processing.js makes your data visualizations work using web standards and without any plug-ins -
arbor
a graph visualization library using web workers and jQuery -
dimple.js
An object-oriented API for business analytics -
react-simple-maps
Beautiful React SVG maps with d3-geo and topojson using a declarative api. -
G2Plot
:dango: An interactive and responsive charting library -
envisionjs
Dynamic HTML5 visualization -
d3plus
A javascript library that extends D3.js to enable fast and beautiful visualizations. -
Bezier.js
A nodejs and client-side library for (cubic) Bezier curve work -
jquery.sparkline
A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser -
DHTMLX Gantt
GPL version of Javascript Gantt Chart -
Chartkick.js
Create beautiful charts with one line of JavaScript
Amplication: open-source Node.js backend code generator
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of GoJS, a JavaScript Library for HTML Diagrams or a related project?
Popular Comparisons
README
GoJS, a JavaScript Library for HTML Diagrams
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.
GoJS is rendered with an HTML Canvas element (with export to SVG or image formats). GoJS can run in a web browser, or server side in Node or Puppeteer. GoJS Diagrams are backed by Models, with saving and loading typically via JSON.
Read more about GoJS at gojs.net
This repository contains both the library and the sources for all samples, extensions, and documentation. You can use the GitHub repository to quickly search through all of the sources.
Minimal Sample
Graphs are constructed by creating one or more templates, with desired properties data-bound, and adding model data.
<div id="myDiagramDiv" style="width:400px; height:150px;"></div>
<script src="https://unpkg.com/gojs"></script>
<script>
const myDiagram =
new go.Diagram("myDiagramDiv", // create a Diagram for the HTML Div element
{ "undoManager.isEnabled": true }); // enable undo & redo
// define a simple Node template
myDiagram.nodeTemplate =
new go.Node("Auto") // the Shape will automatically surround the TextBlock
// add a Shape and a TextBlock to this "Auto" Panel
.add(new go.Shape("RoundedRectangle",
{ strokeWidth: 0, fill: "white" }) // no border; default fill is white
.bind("fill", "color")) // Shape.fill is bound to Node.data.color
.add(new go.TextBlock({ margin: 8, stroke: "#333" }) // some room around the text
.bind("text", "key")); // TextBlock.text is bound to Node.data.key
// but use the default Link template, by not setting Diagram.linkTemplate
// create the model data that will be represented by Nodes and Links
myDiagram.model = new go.GraphLinksModel(
[
{ key: "Alpha", color: "lightblue" },
{ key: "Beta", color: "orange" },
{ key: "Gamma", color: "lightgreen" },
{ key: "Delta", color: "pink" }
],
[
{ from: "Alpha", to: "Beta" },
{ from: "Alpha", to: "Gamma" },
{ from: "Beta", to: "Beta" },
{ from: "Gamma", to: "Delta" },
{ from: "Delta", to: "Alpha" }
]);
</script>
The above diagram and model code creates the following graph. The user can now click on nodes or links to select them, copy-and-paste them, drag them, delete them, scroll, pan, and zoom, with a mouse or with fingers.
Click the image to see the interactive GoJS Diagram
Support
Northwoods Software offers a month of free developer-to-developer support for GoJS to help you get started on your project.
Read and search the official GoJS forum for any topics related to your questions.
Posting in the forum is the fastest and most effective way of obtaining support for any GoJS related inquiries. Please register for support at Northwoods Software's registration form before posting in the forum.
For any nontechnical questions about GoJS, such as about sales or licensing, please visit Northwoods Software's contact form.
License
The GoJS software license.
Copyright (c) Northwoods Software Corporation
*Note that all licence references and agreements mentioned in the GoJS, a JavaScript Library for HTML Diagrams README section above
are relevant to that project's source code only.