I am aware of this question, but it is eight years old, and asking for an OS X app.

Is there any IDE/editor where I can edit my input text, split-screen, and immediately have the GraphViz diagram generated?

I would prefer a stand-alone program, but would also accept a plug-in for Eclipse or NotePad++.


I found a Notepad++ plugin that works fairly well:

NppGraphViz by Github user jrebacz.

Combined with this syntax highlighting scheme from signmotion you get a nice editing environment in Notepad++:

enter image description here

  • As you can see by the answers I have posted to my own question, I have been looking for an answer to this for years now. Since I love using Notepad++ I am doubly greateful to have this answer. Installation was simple. Thanx a 1,000,000 – Mawg says reinstate Monica Jun 25 '19 at 20:50
  • I once found a plug in for MS Visual Studio, but have lost the link. Might be worth googlign for some, but I will be sticking with Notepad++ – Mawg says reinstate Monica Jun 25 '19 at 20:51
  • 1
    @Mawg Glad to be of help. I found your suggestion helpful as well, especially as you could browse different styles, which aids in learning Graphiz. Unfortunately the DotEditor has a bug that once you edit the script once, the preview does not respond to changes in the treeview anymore. This disrupted my work, so I looked and found something else (above plugin). – Saaru Lindestøkke Jun 27 '19 at 8:52

I have just discovered https://vincenthee.github.io/DotEditor/ which does exactly what I asked for. I highly recommend it

  • Couldn't get it to work on Linux. Could you expand on how to get it working? – einpoklum Jul 30 '19 at 8:15
  • Hmmm, "Linux 64bit DotEditor-0.3.1-linux Tested on Ubuntu 14.04, Arch Linux" ... last tested five years ago :-( I can only suggest that you contact the programmer, or try running the Windows version under Wine. Good luck – Mawg says reinstate Monica Jul 30 '19 at 9:25

I can say that CudaText editor (gratis) has plugin External Tools. Plugin allows to call GraphViz tool which generates picture, and you can press a hotkey to call this tool, eg F2. If this tool is fast, than it's ok for you.

How to setup CudaText:

  • on Linux, configure the Python engine. Ie, write option pylib__linux into "user.json". See details in default.json: Options / Settings-default menu item.
  • call menu Plugins / Addon Manager / Install and type there "Graphviz" to find lexer for Graphviz. Press Enter to install lexer.
  • after restart of app, lexer Graphviz will be visible in Lexers menu.
  • call menu Plugins / Addon Manager / Install and type "External tools" to find plugin "External Tools". Press Enter to install.
  • after restart of app, you have Tools item in the top menu. Click it and configure new tool for Graphviz program. Example tools - wiki info.
  • 1
    Sounds good. I was hoping for an IDE which integrated, rather than launched, GraphViz, but if I don't find one, then this is the answer (or the same technique with NotePad++). – Mawg says reinstate Monica Jan 5 '18 at 7:18
  • 1
    CudaText has good lexer for GraphViz_DOT too. – RProgram Jan 5 '18 at 10:49
  • 1
    Then I will try it out (+1). But GraphViz is launched as an external tool? Correct? – Mawg says reinstate Monica Jan 5 '18 at 11:12
  • 1
    Yes, GraphViz must be called as tool from plugin ExtTools. – RProgram Jan 5 '18 at 15:27
  • Can you give specific instructions on how to get GraphViz working with CudaText - from the first time you ever run CudaText when nothing is configured? – einpoklum Jul 30 '19 at 8:17

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.