depviz
depviz copied to clipboard
WIP: Add a list view
Initial work on #62.
I've stuck with full-SVG for this view, because I wanted it to be easy to implement the edges. But means it will be more work to get the card layout right.
- [ ] wide card layout
- [ ] responsive card layout
- [ ] selectable node with transparency for unselected nodes and unrelated edges
- [ ] arrow keybindings for navigation
- [ ] navigating to the next/previous card
- [ ] navigating via graph links (right arrow from the card to get to the links, and up-down to change the selected link, and enter (or right arrow again?) to select the node on the other side of the selected link.
Long way to go still, but the node positioning and initial edge layout look good to me:
Bigger list graph (real data :) with a tweaked dependencyWeight
(+0.1 for every open ancestor, instead of +0. Still +1 for every closed ancestor):
Closer. Still need to shuffle some space around in these wider cards and land some clip-paths.
yay. we have to reduce the visual complexity (in this or a future PR). possibilities:
- fade out the colors of bright lines and only go bright on hover
- re-work background/border of items. its too big.