seflless / atom-diagrams

Create Dot and Network Sequence diagrams in the Atom IDE.

Home Page:

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


An Atom Package for easily creating diagrams such as Sequence and Graphviz's Dot format. Diagrams are generated using easy to understand and very productive text notation.

Has an accompanying command line tool to generate SVG from these files. See diagrams.

Atom Package Features
  • Preview the diagram graphics
  • Real time per key stroke updating of the diagram previewer
  • Syntax highlighting and error checking of text notation
  • Includes an SVG previewer
  • Previewer can be dynamically resized by dragging the left side



Use the following flow when working on diagram files.

  1. Install the diagrams Atom package

  2. Create or load an existing .sequence or .dot file

  3. Edit them and preview the results in realtime.

  4. (Optionally) Use the diagram CLI to automatically generate .svg visualizes of the diagram files Run the following from the root folder that has all of your diagram files

    diagrams watch --build .

See underlying diagrams project for documentation.

Generating SVG

This project doesn't generate .svg files, but might in the future. The current focus is having an easy way to edit the content and preview the diagrams that will be generated using the diagrams command line tool.

See the diagrams command line tool for more information.

ezoic increase your site revenue


Create Dot and Network Sequence diagrams in the Atom IDE.


Language:JavaScript 99.2%Language:CoffeeScript 0.6%Language:Less 0.2%