gg

Important

This editor is in beta and you should expect breaking changes from time to time, until we reach v1.

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
Multi select	Export to PNG	Dark mode	Infinite canvas
Undo / Redo	Copy / Paste	...and more!

Examples

• Boxes and containers
• Lists
• Colors
• Labels on lines
• Various line 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