depviz icon indicating copy to clipboard operation
depviz copied to clipboard

WIP: Add a list view

Open wking opened this issue 8 years ago • 4 comments

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.

wking avatar Dec 21 '16 11:12 wking

Long way to go still, but the node positioning and initial edge layout look good to me:

list

wking avatar Dec 21 '16 12:12 wking

Bigger list graph (real data :) with a tweaked dependencyWeight (+0.1 for every open ancestor, instead of +0. Still +1 for every closed ancestor):

bigger-list-graph

wking avatar Dec 22 '16 00:12 wking

Closer. Still need to shuffle some space around in these wider cards and land some clip-paths.

bigger-list-graph

wking avatar Dec 22 '16 00:12 wking

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.

jbenet avatar Feb 26 '17 04:02 jbenet