flows
0
Loading...

JSON Editor

Guide

In gg, you add systems ( ) to the canvas and then
you create links ( ) between them.

You can then make data flow between your systems ( ) !

General operations
Undo an operation.
Redo an operation.
Fit the camera to show all the content of the canvas.
Zoom in the canvas.
Zoom out of the canvas.
Move a system or a link in the canvas.
Remove a system or a link from the canvas.
Add or modify the title of a system or a link.
Paint a system or a link.
Operations on systems
Add a system to the canvas.
Move a system inside or outside another system.
Operations on links

Add or modify a link between two systems.

Hold your pointer on the first system then drag your pointer to the second system to create the link.

Click on an existing link to modify its style.

Draw a pipe link using
Draw a solid link using
Draw a dotted link using
Operations on flows

Make data flow between two systems.

Click once on a link to make data flow from A to B.

Click twice on a link to make data flow from B to A.

Click 3 times on a link to stop the data flow.

Play the flow animation in a continuous loop.
Pause the flow animation.
Play the current keyframe of the flow animation.
Play all the keyframes of the flow animation.
Add or edit the title of the current keyframe.
Go to the previous keyframe of the flow.
Go to the next keyframe of the flow.

About

gg aims to help you quickly produce stunning diagrams, by letting you focus on its components instead of fiddling with its layout.

When building a diagram to explain a dynamic system, like a software architecture, you can go a step further and display data flowing in it.

For any question, you can contact me at jodi@gg-charts.com or create an issue in Github.

Enjoy!

Privacy

gg value your time and your privacy.

As a guest of this service:

  • - There are no ads.
  • - There are no analytics.
  • - There are no cookies.
  • - There are no PII collected.

100% of your data is kept in your browser and is never collected.

As a member of gg+, the cloud offering:

gg tries very hard to collect as few information as possible to operate the service.

When you sign up, you are agreeing to the Terms of Use and the Privacy Policy.

font

align

decoration

  • <b>bold</b>
  • <i>italic</i>
  • <u>underline</u>
  • <s>strike</s>
  • <h1>title</h1>
  • <h2>subtitle</h2>

Theme

Pick a color to paint

Properties

General

Flow

Operation failed

Loading the graph failed.

Connectivity status