#graphviz

2025-12-13
Orbifold Consultingorbifold
2025-11-01

LaNet is a high-performance Python network visualization package using k-core decomposition. Reveals hierarchical structure from peripheral nodes to dense cores in networks with millions of nodes. github.com/conexdat/LaNet-vi?t

N-gated Hacker Newsngate
2025-10-29

Who needs when you can wrestle with and summon the Graphviz gods yourself? 🕷️✨ Apparently, is the new black, because why use a perfectly good tool when you can spend eons building something that might almost work! 🙃🔧
spidermonkey.dev/blog/2025/10/

2025-10-23

I can never remeber, but: "subgragh names start with 'cluster_'; subgraph names start with 'cluster_'; subgraph names..."

#graphviz

Jared Jenningsjaredj@bsd.cafe
2025-10-08

@wvc when i want to show connections between things, but their relative positions don't mean anything, i use #graphviz. when positions do matter, i use #pikchr. if i'm not sure what i want to show, or there are multiple things to show from the same dataset, or the data changes, i generate graphviz from the data. netbox, php-ipam, racktables may support your use case more specifically, but it sounds like you want something more open-ended.

2025-09-15

#Graphviz oneliner (save the downloaded .dot locally if you use this!)

DEPTH=5 WIKI="commonswiki" PAGE="File:The_Bug_Peek.jpg" curl "vcat.toolforge.org/render?wiki" | dijkstra ROOT0 | gvpr -c 'BEG_G {concentrate="true"; mclimit=100; label=""; flow="back"; Defcolor="black"; nodesep=0.04; ranksep=0.1} E {arrowhead="none"; penwidth=0.2} N {shape="point"; width=degree/10.0} N [$.name == "ROOT0"] {width=3.0} N [$.dist == 1.0] {color=sprintf("%f+0.8+1", rand())}' | dot | gvcolor | dot -Tsvg -o out.svg

2025-09-05

I put the javascript code up for converting dot files into an ascii graph. I decided to name the method/algorithm "Greedy Grabber, Right Lane Backtracker"

codeberg.org/random-wizard/asc

It is not as elegant as how standard dot, or neato graphs work. From tinkering with it, it seems to work well, visually, when the nodes have a lot of hierarchical structure with a small to moderate amount of cycles.

Also, I can not help myself, but javascript is a really inelegant programming language in my opinion. The ... shallow copy feels like a hack. const feels like it was tacked on. Lack of strong typing. The lack of immutability constructs is something that leads to... very easy to shoot yourself in the foot when writing code. The automatic semi-colon insertion logic can easily get you when you are not paying attention (or even if the code is going to get put through a minifier).

#graphviz #dataviz #javascript

2025-09-04

Working on a little documentation for ascii graphalizer. Using graphviz examples.

graphviz.org/Gallery/neato/pro

That simple dot file results in pic 1. When run through ascii graphalizer, it results in pic 2.

Demo of ascii graphalizer
random-wizard.neocities.org/as

#graphviz #dataviz #graphs

/dev/aubergine0nasunasu@bsd.network
2025-08-30

I normally don’t think of myself as a #control #freak.

But maybe, just maybe, when I wanted part of the #graphviz node representing a device on my desk to not only reflect the layout of connector ports, but also the colors of the panels around each connector. The computer itself is mostly black with a gray front panel (such a bold fashion choice, I know). One of the other devices is split between blue and black panels around connectors.

So goodbye records, and hello #html-style nested tables.

At least with #Emacs #orgmode and #tangle it is easy to assemble the labels, and dare I say, almost attractive.

/dev/aubergine0nasunasu@bsd.network
2025-08-27

More and more I find myself using #Graphviz to #diagram how devices are physically interconnected. Partly because I #appreciate the power of plain text and a #commit to a source code #repository. Mostly because I appreciate not having to manually arrange #allthethings.

Orbifold Consultingorbifold
2025-08-21

SurrealDB has a shiny graph visualization canvas and although it isn't surreal in any way, it's a welcome feature on top of an already very nice database. surrealdb.com/blog/visualizing

Orbifold Consultingorbifold
2025-08-21

SurrealDB has a shiny graph visualization canvas and although it isn't surreal in any way, it's a welcome feature on top of an already very nice database. surrealdb.com/blog/visualizing

Diomidis SpinellisCoolSWEng@mastodon.acm.org
2025-08-14

Many years ago I contributed to #GraphViz code for several new node shapes, including UML notes. Now #ChatGPT advises me how to use them! 😃

— In UML create a comment note.

— In UML diagrams, a **comment** (or “note”) is shown as a rectangle with a dog-eared corner.
Graphviz can mimic this by using `shape=note`.

Example in DOT:

```dot
digraph UML_Comment {
    rankdir=LR;
    node [fontname="Arial", fontsize=12];

    // Regular UML component
    A [label="«component»\nOrder Service", shape=component];

    // UML comment
    Cmt [label="Processes orders\nand handles payments", shape=note, style=filled, fillcolor="#ffffcc"];

    // Dashed association from comment to element
    Cmt -> A [style=dashed, arrowhead=none];
}
```

**Key points:**

* `shape=note` → dog-eared corner rectangle.
* `fillcolor` → makes the note background match UML style (light yellow is common).
* `style=dashed, arrowhead=none` → matches UML’s “annotates” relationship from a comment to a model element.

---

If you want, I can insert UML comment nodes into your **O1/O2 Graphviz diagram** to annotate entire clusters or specific tasks, so they look like sticky notes connected to the relevant part. Would you like me to do that?
2025-08-06

A note-to-self blog post: Plain simple dependency diagram with GraphViz syslog.me/2025/07/30/plain-sim
#graphviz #DataViz

Orbifold Consultingorbifold
2025-08-02

It's impressive what Mike Bostock has achieved and delivered in the past 20 years or so. And he keeps going, from d3 to Observable Desktop, notebooks and whatnot.

Tried the latest notebooks incarnation with Anthropic integration. Very cool. Asked for a graph of metabolic pathways; it fetches the correct data, imported all dependencies, rendered a , the whole lot.

observablehq.com/notebook-kit/

2025-07-30

A note-to-self blog post: Plain simple dependency diagram with GraphViz syslog.me/2025/07/30/plain-sim
#graphviz #DataViz

Markus Peuhkuripuhuri
2025-07-23

Graphviz – kuten arvelinkin – tarjosi ratkaisun. Neato-algoritmillä graafin attribuuteiksi overlap=vpsc, overlap_scaling=0. Jokainen kansallispuisto fixedsize=true, shape=ellipse, overlap=false ja pos-attribuutti oikeaan kohtaan. Sitten kaikkien solmujen väliin jänteet laskennallisilla pituuksilla (n-1)² ja algoritmi näytti hoitavan homman. Koordinaatistomuunnos on "tyhmä" (asteet suoraan tuumiksi) mutta tällä nyt mennään ensin.

Jokainen Suomen kansallispuisto on esitetty suunnillen oikeassa sijainnissaan joko ellipsinä (40 kpl) tai ympyränä (yksi).
2025-07-16

This cool trick (some would call it "dirty hack" 🙂) by @plantarum can be used for #dot/#graphviz, as well:

(defun my-babel-execute-maybe ()
(interactive)
(org-mode)
(org-babel-execute-maybe)
(org-display-inline-images)
(normal-mode))

E.g. imagine this comment or doc string:

/*
#+BEGIN_SRC dot :file myfunction.svg :cmdline -Kdot -Tsvg
digraph {
a -> b;
}
#+END_SRC
*/

#elisp #Emacs #orgmode

Client Info

Server: https://mastodon.social
Version: 2025.07
Repository: https://github.com/cyevgeniy/lmst