무료 알고리즘 시각화기
정렬, 경로 탐색, 고전 알고리즘을 생생하게 시각화하세요 — Bubble/Quick/Merge Sort, 대화형 미로 그리드에서의 Dijkstra/A*/BFS, 이진 탐색, Sieve, N-Queens, Game of Life. 단계별 애니메이션, 동기화된 의사코드, 실시간 지표, 경쟁 모드까지 제공합니다. 모바일 친화적이며 100% 브라우저에서 실행됩니다.
사용 방법
모든 알고리즘은 한 번에 하나의 시각화 "단계"(배열의 스냅샷과 어떤 요소를 비교, 교환, 기록했는지)를 내놓는 제너레이터로 작성되었습니다. 하나의 플레이어가 전체 단계 목록을 미리 계산하므로 재생, 일시 정지, 앞으로, 뒤로, 나란히 비교하는 경쟁 모드는 모두 그 목록의 인덱스를 옮기는 것일 뿐입니다. 아무것도 전송되지 않으며 전부 브라우저에서 실행됩니다.
- 1알고리즘과 데이터 선택버블, 선택, 삽입, 병합, 퀵, 힙, 셸, 칵테일, 계수, 기수 정렬(재미로 보고 정렬도) 중에서 고르세요. 무작위, 거의 정렬됨, 역순, 고유값 적음 배열을 생성하거나 쉼표로 구분한 숫자를 직접 입력하세요.
- 2실행을 보며 함께 읽기막대는 진행 중인 작업(비교, 교환, 피벗, 정렬 완료)에 따라 색이 바뀝니다. 의사코드 패널은 실행 중인 줄을 정확히 강조하고, 실시간 카운터가 비교, 교환, 쓰기, 배열 접근 횟수를 추적합니다.
- 3시간 제어속도를 조절하거나, 타임라인을 이동하거나, 연산 하나씩 앞뒤로 이동하며 알고리즘이 어떻게 결정하는지 정확히 살펴보세요. 각 단계가 다시 실행이 아닌 저장된 스냅샷이므로 뒤로 가기도 정확합니다.
- 4맞대결 경주경쟁 모드는 같은 입력에 두 개 이상의 알고리즘을 나란히 동시에 실행하고 지표 표를 보여 주므로, 예를 들어 퀵 정렬이 버블 정렬보다 빠른 이유를 볼 수 있습니다.
전적으로 브라우저에서 실행되며 데이터가 기기를 떠나지 않습니다. 서버, 업로드, 계정이 없습니다. 교육용 도구이며, 알고리즘은 시각화의 명확성을 위해 선택한 교과서적 구현입니다.
관련 도구
CSV 비교
키 열을 기준으로 두 CSV 파일을 비교하여 추가, 제거, 변경된 행을 정확히 확인합니다 — 변경된 필드가 이전/이후로 표시됩니다. 따옴표 필드를 처리하며, 브라우저에서 완전히 실행됩니다.
온라인 스톱워치
랩 기록, 최고/최저 랩 강조 표시, 키보드 단축키를 갖춘 정밀 스톱워치. 밀리초 정확도로 0부터 카운트합니다.
CSS Cubic-Bezier 이징 생성기
제어점을 드래그하여 CSS 이징 곡선을 디자인하고, 모션을 라이브로 미리보고, cubic-bezier() 값을 복사합니다. 오버슈트/바운스 사전 설정을 포함합니다.