Questions tagged [gojs]

GoJS is a JavaScript library for implementing interactive diagrams

GoJS (Graphical object JavaScript) is a feature-rich JavaScript library for implementing interactive diagrams, graphs, and charts in web browsers on desktop and touch devices. GoJS makes it easy to construct diagrams of complex nodes, links, and groups with customizable templates and layouts, using models and data binding.


Useful links


Related tags

431 questions
19
votes
3 answers

Javascript Diagram Library

I'm looking for a good JavaScript Diagram library for a project, can be commercial. Mandatory Requirements: Highlight connected lines and components when clicking a component (or hovering) Ability to switch the image of a component (to represent…
sangress
  • 599
  • 5
  • 11
18
votes
1 answer

Bordered group of nodes in a network graph?

I am attempting to implement a network graph using Vis JS library and would like to implement a group of nodes that are inside a logical group (box). VisJS allows grouping of nodes but is not implemented in a visual way that I am looking…
Eric Forbes
  • 511
  • 4
  • 8
9
votes
2 answers

How to add Node data and Link data dynamically in GoJS?

myDiagram.model = new go.GraphLinksModel( [ { key: "Alpha", color: "lightblue" }, { key: "Delta", color: "pink" } ], [ { from: "Alpha", to: "Alpha" }, { from: "Delta", to: "Alpha" } ]); I need to add more values dynamically, how should I…
user3675515
  • 155
  • 2
  • 10
7
votes
3 answers

Add text on mouse hover on goJS diagram

I want to create an ER (entity relationship diagram) with JavaScript and GoJS. I also want when mouse hoovers above a node to show a text with some Info about each node. I tried to use this example and here is my code:
Michail N
  • 3,647
  • 2
  • 32
  • 51
6
votes
1 answer

Using GoJs in ReactJs

im trying to create a parser tree in React Js for a NLP/POS-tagger project.i found that GoJs provides a cool parser tree GoJs-parser-tree,but i could not find documentation for react js implementation. i tried out some examples but i could not use…
TRomesh
  • 4,323
  • 8
  • 44
  • 74
5
votes
3 answers

GoJS: How can I change Node fill color?

I'm using GoJS to make the diagram. My diagram configuration (the example from the official documentation): function init() { //...... // define the Node template myDiagram.nodeTemplate = $(go.Node, "Auto", new…
Alex Vitruk
  • 53
  • 1
  • 4
5
votes
1 answer

How to Pass JSON object to GOJS javascript file from Java/Prime Faces

I have a java class which returns a JSON object and I need to pass this JSON object to gojs javascript, here is the sample of my gojs javascript file(gojs_org_view.js) function init() { var g = go.GraphObject.make; // for conciseness in…
OTUser
  • 3,788
  • 19
  • 69
  • 127
4
votes
1 answer

Animate icon in GoJS

I have a graph with nodes that contains icons: $(go.TextBlock, { font: '18pt Material Icons', alignment: go.Spot.LeftCenter, stroke: '#FFFFFF', margin: new go.Margin(0, 5, 0, -34), }, new go.Binding('text', 'statusIcon')), I would like to…
infodev
  • 4,673
  • 17
  • 65
  • 138
4
votes
1 answer

Scratchpad in GoJS similar to draw.io

I new to GoJs and in process of learning, I found GoJS is more similar to draw.io, but it misses the property of adding the diagram to palete, while it supports from palete to diagram. ie., Moving the diagram from work area to toolbar , for reusing.
NewBie
  • 123
  • 1
  • 4
4
votes
2 answers

How to preserve previous ngbTab content when switching between tabs in ng-bootstrap Angular 2 typescript

I have a UI where I am using ngb-tabset and ngb-tab to render the following: The user enters something above in the form and obtains a graphical visualization under Graph Navigation Tab as follows: The user could now click on Semantic Query tab…
Shan-Desai
  • 3,101
  • 3
  • 46
  • 89
4
votes
2 answers

GoJs Is it possible to have multipe layouts in one diagram

I want to have a diagram which has vertical and horizontal layout in the same diagram. How can I achieve this in gojs?
NAS
  • 145
  • 14
4
votes
3 answers

how to convert json data into BPMN compatible format?

I am using state chart supported by gojs library. This library use JSON data to draw the diagram on canvas. Whatever diagram we draw, node and link are getting arranged into JSON data format. I want to convert this data into BMPL to utilize this…
user226817
  • 287
  • 1
  • 4
  • 10
3
votes
1 answer

Drag vs link modes in GoJS

Is it possible to explicitly switch between dragging and linking modes in GoJS? I am trying to achieve a behavior similar to other diagram editors out there: Have 2 buttons in a toolbar outside of the diagram: an Link and a Hand. Clicking on Link…
3
votes
1 answer

gojs - Find node level

I have a GoJS canvas in which the user creates as per his wish, and the application needs to process the nodes in sequence. So by GoJS documentation, there's gojsNodeObject.findTreeLevel(), which returns the level of the node in the diagram. So far…
Saurabh
  • 1,007
  • 2
  • 10
  • 24
3
votes
1 answer

GoJS nested shape positioning

I am trying to draw nested shapes with GoJS library. For now I have rectangle with a single line inside. Whole Object is a panel with two shapes, a rectangle and a minus line. At this point it is fine, MinusLine is rendered in the center of a…
Mateusz Gebroski
  • 1,274
  • 3
  • 26
  • 57
1
2 3
28 29