June 1-4

  • Explored existing network/graph-based visualizations to form general grasp of ideas
  • Read into Processing documentation to learn programming structure
  • Created basic draggable node setup in Processing to apply and familiarize with the language
  • Began write-up for overall project description
  • Utilized WireShark to begin exploration of network activity and learn about the data which will be presented by visualization project

June 5

  • Finished project summary
  • Read into Dshell documentation
  • Independently continued exploration of Processing

June 8-12

  • Set up Ubuntu VM for Dshell
  • Created simple animations in Processing to simulate data transfer between nodes

June 15-16

  • Explored Processing libraries to determine further resources that can be used

June 17

  • Reviewed command line functions, general shell commands
  • Read into Vim usage/basics

June 18

  • Viewed Dshell tutorials to understand framework
  • Outlined final project structure and requirements for both front and back-end development
  • Ran basic Python and command-line scripts to read and extract data from TCP dumps

June 19

  • Looked through D3 models for design concepts
  • Drafted overall application expectations, model
  • Began creation of drafted model

June 22

  • Added basic timer/clock functionality
  • Constructed simple Connection and Packet classes
  • Moved nodes, connections, and packets into arrays for automation and organization
  • Implemented simple play/pause functionality with basic timeline slider

June 24

  • Implemented import of JSON for visualization data
  • Fixed pausing and replaying issues with timeline
  • Added basic selection functionality on nodes and info display

June 25

  • Combined JSON import into one file, nodes and connections constructed purely from packet data

June 26

  • Expanded window and worked on UI elements
  • Working on timeline to create better clock visualization

June 29

  • Continued construction of UI and custom user interaction