Introducing Delineate!

  • 23rd Sep 2024
  •  • 
  • 3 min read
  •  • 
  • Tags: 
  • Software

Card

Delineate provides facilities to edit and draw graphs specified in the DOT language. It is designed to be a simple and intuitive tool for creating and editing graphs, with a focus on the user experience.

As mentioned above, Delineate, previously named Dagger, is a new app to view and edit DOT graphs. It is like KGraphViewer, but with the ability to edit the graph and is built with LibAdwaita, which makes it more at home on GNOME. There is also another app called GraphUI, but it is currently unmaintained and designed for Elementary OS.

Features

One of the main reasons I developed Delineate is for debugging GStreamer pipeline dumps. I use it extensively to visualize the pipeline, inspect the elements, and analyze the negotiations between them.

GStreamer Pipeline

It is also useful for visualizing connections on the message bus, offering an alternative perspective to tools like Bustle.

Message Bus

Another use case I discovered from Bilal is visualizing the Pipewire graph from the pw-dot command.

Pipewire DOT

The app also supports changing the layout engine on the fly, which is useful for tweaking the graph to make it more readable depending on the use case.

Layout Engines

Also, thanks to the library behind the app, d3-graphviz, it supports animations, which can be less jarring when modifying the graph.

Animations

Finally, you can export the graph to a PNG, SVG, or JPG image.

Exporting

Getting Delineate

Delineate is available on Flathub. You can install it from there, and since all of our code is open-source and can be freely modified and distributed according to the license, you can also download and build it from source.

Future Plans

Since this is the first release, there are many features I would like to add in the future. Some of the features I am considering are:

  • More interactive editing and viewing features, such as selective highlighting of elements when searching.
  • Support for other graph formats, such as Mermaid.
  • Bird's eye view for large graphs.
  • More useful text editing features, such as auto-completion, color picker, and more.

Closing Words

Before I end this post, I would like to thank Brage Fuglseth for the new name, Delineate, and the beautiful icon design.

Logo

I hope you find Delineate as useful as I do. If you have any feedback or suggestions, feel free to open a discussion or issue on the GitHub repository. Enjoy the release!