Skip to content

Instantly share code, notes, and snippets.

@dborzov
Last active August 29, 2015 14:09
Show Gist options
  • Save dborzov/0e192e873b52e37bc6a7 to your computer and use it in GitHub Desktop.
Save dborzov/0e192e873b52e37bc6a7 to your computer and use it in GitHub Desktop.
Scaffolding the NetVis tool

The goal is to reach the minimal viable version as soon as possible while at the same time assuring that the framework is set up in such a way so that it would allow growing into the longer-term goal of a protocol-agnostic, general and versatile tool.

The demo is available at www.borzov.ca/prismo (hosted on Github Pages, see gh-pages branch). Not much is working there yet.

The configuration is loaded of JSON example file: example.json.

In terms of UI we have 3 primary panels:

  • Topology/Canvas panel shows nodes and node's messages (upper-left panel). One can select objects and investigate their properties in detail in the Properties Table. One also can drag and drop elements within the canvas.

  • Properties Table shows all the public attributes of the selected item. You can also browse deeper into the object attributes by clicking on them. I also want to add a Breadcrumbs UI component on the top so that you can go back and forth and browse everything within the NetVis model instance: original loaded network trace files, objects for history, nodes and messages and so on.

  • History Panel at the bottom enables traversing through time slices.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment