5 ms·

Here are some cool things I've done recently with graphviz: 1. Draw "sketch" style graphs using https://sketchviz.com/new https://sketchviz.com/new 2. Draw gr

Here are some cool things I've done recently with graphviz: 1. Draw "sketch" style graphs using https://sketchviz.com/new https://sketchviz.com/new 2. Draw graphs of memory usage in golang programs (using pprof): https://graphviz.org/Gallery/directed/pprof.html https://graphviz.org/Gallery/directed/pprof.html 3. Embed graphviz into Sphinx docs (shameless self-promotion: https://docs.robusta.dev/master/catalog/triggers/index.html#trigger-hierarchy https://docs.robusta.dev/master/catalog/triggers/index.html#...)

taubek 5y ago
I like the output of Sketchviz. Do yo know if it is possible do make such output directly from desktop app?
- nyellin 5y ago
  Sadly I haven't found a way. Let me know if you do
  - taubek 5y ago
    Will do.
- fsiefken 5y ago
  you can install it locally with docker https://github.com/iamacarpet/sketchviz-docker https://github.com/iamacarpet/sketchviz-docker
  - taubek 5y ago
    Thanks! Docker makes my computer so slow... And it would probably be an over kill for me. But it is nice to know that it exists.
- chuchana 5y ago
  Haven't tried it yet, but this looks pretty spot on: https://github.com/gpotter2/sketchviz https://github.com/gpotter2/sketchviz
rajandatta 5y ago
My single biggest issue with Graphic is that the quality of Arrow end-points is very poor. They don't terminate cleanly at the destination. This is visible in the 2nd link you've posted. I'm amazed that this hasn't been addressed. It's been there for years. Makes the end products impracticable for distribution in a professional setting. It's Ok if you're the only consumer ... not great for other cases.
- feanaro 5y ago
  I remember this issue being raised, I think on the graphviz Discourse, and the graphviz developers responding to it as if it was a hard to solve limitation of graphviz for some reason. But I can't for the life of me remember the details.
  - pphysch 5y ago
    Ostensibly each arrow style graphic would need an explicitly-defined "attach point" at whatever is deemed the "tip", so that the tip can be oriented perfectly in relation to the vertex and edge of the GraphViz graph. If nothing like that exists, I can see how it would be a very troublesome refactor.
    - graphviz 5y ago
      Oh, that too. Feature interaction is a killer, isn't it.
    - deleted 5y ago
      [deleted]
  - graphviz 5y ago
    "Very poor" seems harsh, but, yes, it hurts us, too. (That, and text with slightly-off baselines.) The relevant code starts around https://gitlab.com/graphviz/graphviz/-/blob/main/lib/common/splines.c#L97 https://gitlab.com/graphviz/graphviz/-/blob/main/lib/common/... If this isn't right, maybe somebody can figure out why. Perhaps the loop stops sometimes on the wrong side of the boundary? Anyway, it's equally possible that when the endpoint coord is handed off to a lower level driver, the arrowhead mitering is wrong. There is no question there was once upon time explicit code to try to cope with this problem, at least in the native PSgen, but I can't find it now. Maybe it wore away as waves of open source development washed over it, along with static tables for a bunch of "standard" PS fonts. For more background, see for example https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/s... In the worst case, this has to be debugged for all the drivers in https://gitlab.com/graphviz/graphviz/-/tree/main/plugin https://gitlab.com/graphviz/graphviz/-/tree/main/plugin No doubt there are more details if anyone can remember them.
erwincoumans 5y ago
Sketchviz look great. Is there an option to export vector graphics (for example svg)?
- cldellow 5y ago
  If you hold down control, the "Download PNG" button becomes "Download SVG". Super intuitive, I know! :)
  - erwincoumans 5y ago
    Haha, why is that feature hidden? Like the latest Tesla Model 3 v11 update hides many features :-)
erwincoumans 5y ago
Very cool. About Sketchviz 1) is there an option to make the graph horizontal instead of vertical? 2) can you make the svg option separate, instead of hidden behind the PNG button (with CTRL key)? 3) how did you do the handwriting style?
- hun-nemethpeter 5y ago
  Yes, the name of this attribute is rankdir. See in the docs: https://graphviz.org/docs/attrs/rankdir/ https://graphviz.org/docs/attrs/rankdir/ In the sketch example: digraph G { rankdir="LR"; graph [fontname = "Handlee"]; ...
IAmEveryone 5y ago
I once created a dataset of X-hooked-up-with-Y for my circle of friends. About 50 nodes and a few hundred connections (after I asked around a bit for additions). It became a wedding present for one rather central "node" with the title "drosophila neural regulation network" or something like it. No names, just lines and circles. It's still the centerpiece in his home office.

taubek 5y ago

I like the output of Sketchviz. Do yo know if it is possible do make such output directly from desktop app?

nyellin 5y ago
Sadly I haven't found a way. Let me know if you do
- taubek 5y ago
  Will do.
fsiefken 5y ago
you can install it locally with docker https://github.com/iamacarpet/sketchviz-docker https://github.com/iamacarpet/sketchviz-docker
- taubek 5y ago
  Thanks! Docker makes my computer so slow... And it would probably be an over kill for me. But it is nice to know that it exists.
chuchana 5y ago
Haven't tried it yet, but this looks pretty spot on: https://github.com/gpotter2/sketchviz https://github.com/gpotter2/sketchviz

rajandatta 5y ago

My single biggest issue with Graphic is that the quality of Arrow end-points is very poor. They don't terminate cleanly at the destination. This is visible in the 2nd link you've posted. I'm amazed that this hasn't been addressed. It's been there for years. Makes the end products impracticable for distribution in a professional setting. It's Ok if you're the only consumer ... not great for other cases.

feanaro 5y ago
I remember this issue being raised, I think on the graphviz Discourse, and the graphviz developers responding to it as if it was a hard to solve limitation of graphviz for some reason. But I can't for the life of me remember the details.
- pphysch 5y ago
  Ostensibly each arrow style graphic would need an explicitly-defined "attach point" at whatever is deemed the "tip", so that the tip can be oriented perfectly in relation to the vertex and edge of the GraphViz graph. If nothing like that exists, I can see how it would be a very troublesome refactor.
  - graphviz 5y ago
    Oh, that too. Feature interaction is a killer, isn't it.
  - deleted 5y ago
    [deleted]
- graphviz 5y ago
  "Very poor" seems harsh, but, yes, it hurts us, too. (That, and text with slightly-off baselines.) The relevant code starts around https://gitlab.com/graphviz/graphviz/-/blob/main/lib/common/splines.c#L97 https://gitlab.com/graphviz/graphviz/-/blob/main/lib/common/... If this isn't right, maybe somebody can figure out why. Perhaps the loop stops sometimes on the wrong side of the boundary? Anyway, it's equally possible that when the endpoint coord is handed off to a lower level driver, the arrowhead mitering is wrong. There is no question there was once upon time explicit code to try to cope with this problem, at least in the native PSgen, but I can't find it now. Maybe it wore away as waves of open source development washed over it, along with static tables for a bunch of "standard" PS fonts. For more background, see for example https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linejoin https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/s... In the worst case, this has to be debugged for all the drivers in https://gitlab.com/graphviz/graphviz/-/tree/main/plugin https://gitlab.com/graphviz/graphviz/-/tree/main/plugin No doubt there are more details if anyone can remember them.

erwincoumans 5y ago

Sketchviz look great. Is there an option to export vector graphics (for example svg)?

cldellow 5y ago
If you hold down control, the "Download PNG" button becomes "Download SVG". Super intuitive, I know! :)
- erwincoumans 5y ago
  Haha, why is that feature hidden? Like the latest Tesla Model 3 v11 update hides many features :-)

erwincoumans 5y ago

Very cool. About Sketchviz 1) is there an option to make the graph horizontal instead of vertical? 2) can you make the svg option separate, instead of hidden behind the PNG button (with CTRL key)? 3) how did you do the handwriting style?

hun-nemethpeter 5y ago
Yes, the name of this attribute is rankdir. See in the docs: https://graphviz.org/docs/attrs/rankdir/ https://graphviz.org/docs/attrs/rankdir/ In the sketch example: digraph G { rankdir="LR"; graph [fontname = "Handlee"]; ...

IAmEveryone 5y ago

I once created a dataset of X-hooked-up-with-Y for my circle of friends. About 50 nodes and a few hundred connections (after I asked around a bit for additions). It became a wedding present for one rather central "node" with the title "drosophila neural regulation network" or something like it. No names, just lines and circles. It's still the centerpiece in his home office.