Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
gojs
Advanced tools
Readme
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, circular, and layered digraph layout, and many custom layout extensions and examples.
GoJS is renders either to an HTML Canvas element (with export to SVG or image formats) or directly as SVG DOM. 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-formatted text.
Read more about GoJS at gojs.net
This repository contains only the library. The sources for all samples, extensions, and documentation can be installed by running:
$ npm create gojs-kit
You can use the GitHub repository to quickly search through all of the sources.
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
Northwoods Software offers a month of free developer-to-developer support for GoJS to prospective customers so you can finish your project faster.
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.
The GoJS software license.
Copyright (c) Northwoods Software Corporation
FAQs
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
The npm package gojs receives a total of 41,445 weekly downloads. As such, gojs popularity was classified as popular.
We found that gojs demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.