net viewer study

netviewer_scrum1.md

base tasks

• bidirectional port/line
• load/save map
  • data structure
• node add/del with reponsive show/hide
• scale links
• line animations
  • particle flow
  • line broken
  • link back
  • one way link
• node animation
  • node down
  • node up
• edit/monitor mode transition
• event list
• time line
  • object change diff
  • playback
• panel open/close show/hide
  • event list panel
  • node list panel

Integration

• API verfication

come up with some screenshots. make a component

• has 8 ports
• in/out interleave
• show port labels as number

is outports are at right side and inport are always at left side?

line is rendered at edge.coffee

Graph = React.createClass
  renderEdges: ->
    graph = @state.graph
    for edge in graph.edges
      source = graph.getNode edge.from.node
      target = graph.getNode edge.to.node