Skip to content

parker1609/jsdsLib-Visualization

Repository files navigation

jsdsLib-Visualization

자료 구조를 시각화해주는 웹 서비스

시각화 서비스 바로가기

사용 방법

1. Stack

howtousestack

  • Array Push Button: 여러 원소를 삽입하기 위해 [element1,element2,...] 형식으로 입력한다.
  • Single Push Button: 하나의 원소를 삽입한다. (글자 제한 10)
  • Pop Button: 마지막 원소를 삭제한다.
  • Clear Stack Button: 전체 stack 을 초기화한다.
  • Pause Button: 시뮬레이션 진행 상황을 멈춘다.
  • Animation Speed Bar: 시뮬레이션 진행 속도를 조절한다.
  • w: 시뮬레이션 캔버스 넓이
  • h: 시뮬레이션 캔버스 높이
  • Change Canvas Size Button: 입력된 w, h 로 시뮬레이션 캔버스 크기를 설정한다.

Example

  • Array Push: [1,2,3,4,5,6,7,8,9,10]

stack example


2. Queue

howtousequeue

  • Array Enqueue Button: 여러 원소를 삽입하기 위해 [element1,element2,...] 형식으로 입력한다.
  • Single Enqueue Button: 하나의 원소를 삽입한다. (글자 제한 10)
  • Dequeue Button: 마지막 원소를 삭제한다.
  • Rearrange Array Button: Queue 배열의 인덱스를 0부터 시작하도록 재설정한다.
  • Clear Queue Button: 전체 stack 을 초기화한다.
  • Pause Button: 시뮬레이션 진행 상황을 멈춘다.
  • Animation Speed Bar: 시뮬레이션 진행 속도를 조절한다.
  • w: 시뮬레이션 캔버스 넓이
  • h: 시뮬레이션 캔버스 높이
  • Change Canvas Size Button: 입력된 w, h 로 시뮬레이션 캔버스 크기를 설정한다.

Example

  • Array Enqueue: [1,2,3,4,5,6,7,8,9,10] -> Dequeue

queue example

Releases

No releases published

Packages

No packages published