Skip to content

hongjisung/JS_DataStructure_Visualization

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Javascript Data Structure Visualization

  • Web Page made by react

PurPose

Data Structure Visualization Web Frontend with npm package 'js_dsal'

The purpose of this project is to analyze arbitrary javascript code and visually show how the methods of 'js_dsal' works during the program execution.
In addition, when the methods of 'js_dsal' is executed, it shows the state of the data in memory and it can visually check the static state of the class of 'js_dsal' among the data.
It can act as a kind of debugger by tracking the state of the data.

User can write down code using 'js_dsal' and JSON data.
User can arbitrary select one of the method lists to confirm the operation.

Below is the webpage of this project

Below is 'js_dsal' library documentation

Install dependencies

yarn build

Precaution
For deploy webpage, you should change the package.json homepage to "."
If not, the relative path makes error.

Run Page

npm start

Implement Static Data Structure

  • List

Implemented Method

list

  • pushBack
  • popBack
  • pushFront
  • popFront

video

Stack

  • push
  • pop

video

queue

  • push
  • pop

video

priority queue

  • push
  • pop

video

SetTree

  • insert

video

MultiSetTree

  • insert

video

MapTree

  • insert

video

MultiMapTree

  • insert

Releases

No releases published

Packages

No packages published