Show HN: DAG-map – metro map visualization of a DAG (opens in new tab)

(23min.github.io)

3 pointspjettter1mo ago8 comments

I searched for a library that promised the kind of layout and esthetics that I was after. This has been a recurring "issue" for me where I have something very specific in mind but can't seem to be able to mold anything existing into what I want.

Inspired from metro maps, like the London Underground, I wanted something that captures "stations" for crossings (fan-in, fan-out or processing nodes) and a left to right flow that, in my DAGs, often represent the flow of time.

Co-authored with Claude Code.

8 comments

verdverm1mo ago

Looks real pretty, I like the aesthetics too. Various click handlers would be nice, for example expand/collapse or navigate to some link.

Context, Argo Workflows DAGs (and UI generally) sucks real bad. This would be a great improvement.

pjettterOP1mo ago

Thanks! Right, I asked Claude to write a ROADMAP.md and it was super long and a lot of YAGNI. I try to work much more intentionally but I got some great ideas from it.

I'm thinking first of my own needs and click/mouse handlers are definitely yes. It would be nice to enable popups when hovering over nodes/edges.

verdverm1mo ago

Gave it a star and a watch, looking forward to seeing the progress.

What are you using it for?

pjettterOP1mo ago

I looked at CUE and lattices and I realize CUE fits right in with some other work I'm doing!

For now I made it possible to draw Hasse diagrams. That seemed like a fun way to extend the project. I did not add any CUE examples, that seemed out of scope but who knows, there could be some applied examples in the future.

I see that lattices are commonly drawn with straight line, but that is mostly historical (how it was done). I decided to allow bezier edges as well because, why not?

pjettterOP1mo ago

Both personal and work projects. This is personal: https://github.com/23min/FlowTime I see DAGs everywhere...

1 more reply

j / k navigate · click thread line to collapse

8 comments

verdverm1mo ago

Looks real pretty, I like the aesthetics too. Various click handlers would be nice, for example expand/collapse or navigate to some link.

Context, Argo Workflows DAGs (and UI generally) sucks real bad. This would be a great improvement.

pjettterOP1mo ago

Thanks! Right, I asked Claude to write a ROADMAP.md and it was super long and a lot of YAGNI. I try to work much more intentionally but I got some great ideas from it.

I'm thinking first of my own needs and click/mouse handlers are definitely yes. It would be nice to enable popups when hovering over nodes/edges.

verdverm1mo ago

Gave it a star and a watch, looking forward to seeing the progress.

What are you using it for?

pjettterOP1mo ago

I looked at CUE and lattices and I realize CUE fits right in with some other work I'm doing!

I see that lattices are commonly drawn with straight line, but that is mostly historical (how it was done). I decided to allow bezier edges as well because, why not?

pjettterOP1mo ago

Both personal and work projects. This is personal: https://github.com/23min/FlowTime I see DAGs everywhere...

1 more reply

j / k navigate · click thread line to collapse