gg

Important

This editor is still in alpha so expect rough edges. 😅

gg is a diagramming editor for flowcharts, organizational diagrams, mind maps, process diagrams, network diagrams, database diagrams and more! It helps you produce complex diagrams easily, with its simple UI and its innovative approach to layout.

Visit https://gg-charts.com to start building!

(edit me)

Features

Free & open-source	Mobile-friendly	Privacy-friendly	Offline first
Local file support	Assisted layout	Fast UI and rendering	Presentation mode
Data flow simulation	Export to PNG	Dark mode	Infinite canvas
Undo / Redo	...and more!

Examples

• Systems and sub-systems
• Colors
• Labels on links
• Various link styles and directions
• Fonts, Alignment, Emojis, Unicode, etc.

Usage

Embed in a iframe

You can embed gg as follow:

<iframe
  width="640"
  height="480"
  src="https://gg-charts.com/viewer.html#file=eJy1VMFymzAQvfsrNJw9DJAyafsRvXSml6YHAQuoFpKK5Bqc8b9XgA1CkVXSNBdAu1q9x759et4hFEgBOSlJjhXh7Bu0Ur+CzyiIwyiMgv2wRRFFYYh9gROSvVTQTInpW+rUd71E6Hl86gQphu3pWZ3TcecYFFwSNZ1+26ijnV4+pPsl0OtAel1e5uKZA0JVFeyMpAX6KH/zA9mC+iG2UOPoPmzRM9yQHFUtFrV8emKKI+gExYSFYegjhOsTU5v4fLT4JB4+AreYUqCaCXSQH4cjpY/GT5yc638Sw0ejAoV6fmyRAtxoLpwhVQOSuAEkcAU6lPXoKAmr/tKmKMkiSrcQTD7ZBB89ugEI2g/Yc86eWpOMQagtTmkX7M2Ek9PMK96vYwO1yAhdVmfNDBloOoVu1I3XvOty/foxU69JAV9n+iWmEjwt/RW1x3xTR20n+CTPeSModKik/DQYgZeowApftd1d6QaUsIPjZsCOiyEzfOv8HewydraY65VFk7KvLJqaeb/Isnm2eO5+jSXQppr1WG6rsbyfLRpYoo2avhRND5zw+OUAfdlqxw/zvprxsuXNS73HlOK26AZ7H0LsRLAkMyCMCXknBGOc3gnBmL2NCIkTYT1vBoAxQG8CcNyZ/xdg7bI3ATw4AdZWMQAMv4wAt7t5cdDu8gfU5QSv">
</iframe>

Development

1. Clone this repository.
2. Run:

npm install
npm run dev