hacking algorithm-visualizer

https://algorithm-visualizer.org/

  • algorithm-visualizer-1
  • Alt text
  • the build tree for algo-viz looks like this
  • App's layout:
    • <ResizableContainer>
      • <Navigator>
      • <VisualizationViewer>
      • <TabContainer
        • <CodeEditor>
    • algorithm-visualizer-app-code
  • how does <VisualizationViewer> work?
    • what is this.root?
      • algorithm-visualizer-thisroot-code
      • algorithm-visualizer-thisroot-code-2
      • algorithm-visualizer-thisroot-code-3
      • where is args in command coming from?
        • commands are "visualizing commands"
        • "tracers/ interprets visualizing commands into visualization data."
        • the components Player and VisualizationViewer have the most use of the word command
  • the <Player>:
    • algorithm-visualizer-player-code-1
    • renders this:
      • algorithm-visualizer-player-code-2

Backlinks