Friday, December 06, 2019

Process to Create Algorithmic Visualization


Storyboard Template
  1. Left page, upper section - Code that is currently executing
  2. Left page, lower section - Auxiliary data structure diagram
  3. Right page, upper section - Primary data structure Diagram  
  4. Right page, lower section - Explanation
Storyboard 
  1. Draw the diagrams with color pens on paper.
  2. Scan the diagram with color
  3. Embed the images into a document (duplicate the image as many times as desired)
  4. Print the document in color
  5. Draw the shot for each step with color
  6. Scan the document
The sequence of images in the scanned document will now show the visualization.