시각적 학습 자료 구조와 알고리즘

자료 구조와 알고리즘에 대한 우리의 이해에 정말 시각화 애니메이션 내가 어떤 도움을 기대하고, 이것들을 마무리했다 있도록, 특히 도구를 깎아 좋은 안티라고 연구의 시작 부분에 매우 도움이됩니다.


× 00 데이터 구조 온라인 시뮬레이터
Github에서 URL : https://github.com/IACJ/react-datastructer
온라인에서 : https://iacj.github.io/react-datastructer/#/

이 온라인 시뮬레이터는 "스택"을 포함 "큐", "힙", "BST"및 기타 데이터 구조, 우리 앞의 이미지 표시의 방법으로 각각의 데이터 구조, 또한 그들의 도움, 당신은 드래그하고 마우스로 데이터 노드를 삭제할 수 있습니다, 당신은 달성 할 수 다양한 데이터 구조의 삭제는 검색을 변경합니다.
또 다른 점이이 사이트는 자료 데이터 구조를 가르치는 수반, 좋은, 다양한 데이터 구조를 원칙을 이해하고 사용의 예를 사용하여 복잡한 데이터 구조에 대한 간략한 분석은 매우 부드러운 될 수 있습니다 ...

또한 사용 및 제품 적요에 대한 지침과 함께 사이트에 꽤 ... 친밀한 수 있습니다

우리가 경험 친구 ...와 함께 서둘러하려고하지 않는, 포인트는 "힙을"열 부담을


0x01로 VisuAlgo
: 영어 URL HTTPS를 : //visualgo.net/en
중국어 웹 사이트 : https://visualgo.net/zh

VisuAlgo 통과 알고리즘과 데이터 구조를 학습 웹 사이트 애니메이션의 상대적으로 높은 프로필 말할 수있다, 원래 설립되었으며, 더 나은 학생들을 수 있도록 시각화를 통해 데이터 구조와 알고리즘 이해.

풍부한 기능의 이상 VisuAlgo, 그것은 모두 포함되어 단순한 것에서부터 복잡한 데이터 구조와 알고리즘을 많이 포함하고, 어떤 알고리즘에 대한 도움말 우리가 더 쉽게 철저한 이해에 시각적 애니메이션에 의해 채택하는 데 신흥 이해하기 어려운 특히 알고리즘의 서면 설명의 일부 알고리즘과 원칙은 단순히 생명의 빛이다.

VisuAlgo도 지원 검색 및 스위치 언어는 영어 학생들은 중국어로 전환 할 수 없습니다,하지만 지금은 영어를 읽을 수 있는지 그렇다면, 그것은 중국을 참조하는 것이 좋습니다 중국어 번역이 완료되지 알고리즘의 숫자가있다.


우리는 부담없이보기의 종류를 엽니 점, 당신은 정말 물론, 그렇지 않은 정지가 않습니다, 풍부하고 강력한 그것은 또한 설명하는 텍스트, 단일 단계, 되감기, 일시 정지 및 기타 기능으로, 많이 포함되어 있음을 볼 수있다, 또한 더 포함 많은 것들이 우리가 재생을 위해 신속하게 행동으로, 대기.


0x02의 데이터 구조 시각화
URL이 : https://www.cs.usfca.edu/~galles/visualization/Algorithms.html

,이 데이터 구조와 샌프란시스코 대학의 알고리즘 시각화 도구입니다,하지만 그것의 내용이 VisuAlgo보다 더 이상 포함하지만, 또한 일반적인 데이터 구조와 알고리즘을 많이 포함한다.

우리는 단지 "스택"푸시 (정지)가 왼쪽 상단을 열고, 팝 (팝), 클리어 스택 (빈 스택), 특정 사용에, 애니메이션에 대한 몇 가지 매개 변수를 설정할 수 있습니다 다음, 또한 더 많은 일을 할 필요가있다 시도 :


비주얼 알고리즘은 0x03 Mathimatics-수치
Github에서 URL : https://github.com/algorithm-visualizer/algorithm-visualizer
URL : https://algorithm-visualizer.org/

AV는 동적 프로그래밍, 암호화 알고리즘, 역 추적 알고리즘을 포함하는 데이터 구조와 알고리즘의 많은 시각화를 포함,이 프로젝트는 25000 + Github에서에 스타의를 갖고, 자사의 인기를 볼 수있을만큼 :

같은 부담 점은 "이진 검색을 엽니 다 트리 ", 프로세스 데이터 기록 코드의 제시, 및 코드 부분의 프레젠테이션을 동기화 단계도 동시에 애니메이션 실행 코드 실행의 표시 영역의 일부를 포함하는, 코드 원리도 이해 될 수 있음을 알 수있다 알고리즘 및 절차에 해당하는 정말 좋은!

를 0x04 LeetCodeAnimation
URL은 : https://github.com/MisterBooo/LeetCodeAnimation

이 내 좋은 친구 프로그래머 우 형제 (5 분이 학습 알고리즘) 유지 보수 프로젝트가 44K가있다 +의 머리에 속하는 Github에서에 스타, 전투기.

이 프로젝트는 애니메이션 아이디어의 형태로 솔루션 LeetCode 제목을 제시하기 위해 최선을 다하고 있습니다, 우리는 데이터 구조와 알고리즘을 배울는 특히 실제 환경에서의 실제 작업은 응용 프로그램에 대한 이해, 이해에서 응용 프로그램을 이해 깊게하는 경향이 사용하는 것입니다 신속하게 파악할 수 있습니다.

예를 들어, 끝에서 두 번째 노드 N의 목록을 삭제합니다 :

이제 프로젝트를 개선하기 위해 계속해서, 나는 우리가 별을보고한다고 생각합니다.


의 0x05 작성 후

이 문서의 여러 시각적 애니메이션 설명하지만를, 당신은 여전히 그림에 대해 쓰기로 자신을 이해해야 미래을 지원하는 도구로 사용할 것을 우리는 더 쉽게 데이터 구조와 알고리즘을 이해할 수있는,하지만 난 제안 사람들이 게으른 쉽게 만들로 끝나지 신뢰를 수행합니다.

당신이 목적지에 이르는 바로 가기, 우리는 서로를 격려 오히려 때마다보다 이해하기 위해 자신에 의존 배울 필요가 새로운 무언가가 항상있다.

참고 링크 : 안티 낙담! 데이터 구조 및 하드 알고리즘은 이해? 당신은 쉽게 철저한 이해와 애니메이션을 시각화! -https://mp.weixin.qq.com/s/8GVAmUMqgaFEGJHI9DdvEQ

 

추천

출처www.cnblogs.com/Alliswell-WP/p/VisualLearningDataStructureAndAlgorithm.html