AlgorithmVisualizer

알고리즘 시각화

React로 만든 다양한 알고리즘의 더 나은 시각화.

방문 : https://tamimehsan.github.io/algorithmvisualizer/

단계별 시각화로 학습 과정을 단순화하고 더 나은 이해를 위해 더 매력적으로 만드는 24 개 이상의 알고리즘을 탐색하십시오.

지금까지 6 개의 세그먼트가 있습니다

• 패스 파인더
• 소수
• 정렬 알고리즘
• n 여왕
• 볼록한 선체
• 이진 검색 게임
• 재귀 트리
• 튜링 머신

지금까지 총 24 algorithms 구현했습니다. 나중에 더 추가하려고합니다.

알고리즘 구현

• 그래프 검색

  • DFS
  • BFS
  • dijkstra
  • 별
  • 재귀 미로 창조

• 정렬

  • 버블 정렬
  • 선택 정렬
  • 삽입 정렬
  • 힙 정렬
  • 정렬을 병합하십시오
  • 빠른 정렬

• Eratosthenes의 체

• 아르키메데스 나선

• n 여왕 역 추적

• 볼록 헐에 대한 그레이엄 스캔

• 이진 검색

• 재귀

  • 피보나치 번호
  • 이항 계수
  • 교란
  • 빠른 지수
  • 두 번째 종류의 스털링 수

• 튜링 머신

  • 비트가 아닙니다
  • 하나를 증가시킵니다
  • 2의 칭찬

기부금

누군가 가이 프로젝트에 기여하고 싶은지 확실하지 않습니다. 그러나 모든 종류의 기여는 환영합니다. 또한 당신이 이것을 좋아한다면이 저장소를 별표로 해주세요. 그것은 나에게 동기를 부여한다.

특수 기능 추가 타임 라인

• Commit 16 : 정렬 구성 요소를 인재하기 위해 플립 이동 애니메이션 추가
• 커밋 20 : 트리 구조가 추가되었습니다
• 2024 년 12 월 13 일 : v2.0.0 릴리스 : Shadcn UI #3을 사용하여 레거시 프로젝트에서 다음 JS로 프로젝트를 마이그레이션합니다.

승인

나는 일부 세그먼트에 대한 다음 출처에서 영감을 얻었습니다.

• Pathfinder : Google에 나를 데려 간 프로젝트
• Archimedes Spiral for Primes : 왜 소수 가이 나선을 만드는가?
• Recursion tree visualizer : 재귀 트리 비주얼 라이저
• Turing Machine : tursi

로컬로 달리십시오

시스템에 노드가 설치되어 있는지 확인하십시오. 그런 다음 실행하십시오

npm i
npm run dev

http://localhost:3000/AlgorithmVisualizer 에서 앱이 시작됩니다

다음 섹션에 대한 영감

• 샌프란시스코 대학교 사이트
• 알고리즘-시청자
• 싱가포르 국립 대학교