เครื่องมือแสดงภาพอัลกอริทึม ฟรี
ดูการเรียงลำดับ การค้นหาเส้นทาง และอัลกอริทึมคลาสสิกทำงานเป็นภาพเคลื่อนไหว — Bubble/Quick/Merge Sort, Dijkstra/A*/BFS บนตารางเขาวงกตแบบโต้ตอบ รวมถึง Binary Search, Sieve, N-Queens และ Game of Life ภาพเคลื่อนไหวทีละขั้น รหัสเทียมที่ซิงโครไนซ์ เมตริกสด และโหมดแข่งเคียงข้างกัน ใช้ได้บนมือถือและทำงานในเบราว์เซอร์ 100%
วิธีการทำงาน
ทุกอัลกอริทึมเขียนเป็น generator ที่ส่ง "ขั้น" การแสดงผลทีละขั้น — สแนปช็อตของอาร์เรย์พร้อมองค์ประกอบที่ถูกเปรียบเทียบ สลับ หรือเขียน ตัวเล่นตัวเดียวคำนวณรายการขั้นทั้งหมดล่วงหน้า การเล่น หยุดชั่วคราว ก้าวหน้า ก้าวถอยหลัง และโหมดแข่งเคียงข้างกันจึงเป็นแค่การเลือกดัชนีในรายการนั้น ไม่มีสิ่งใดถูกส่งไปที่ใด — ทั้งหมดทำงานในเบราว์เซอร์ของคุณ
- 1เลือกอัลกอริทึมและชุดข้อมูลเลือกจาก bubble, selection, insertion, merge, quick, heap, shell, cocktail, counting และ radix sort (รวมถึง bogosort เพื่อความสนุก) สร้างอาร์เรย์แบบสุ่ม เกือบเรียงแล้ว กลับด้าน หรือมีค่าไม่ซ้ำน้อย หรือพิมพ์ตัวเลขของคุณเองคั่นด้วยจุลภาค
- 2ดูการทำงาน — และอ่านไปพร้อมกันแท่งมีสีตามสิ่งที่กำลังเกิดขึ้น (กำลังเปรียบเทียบ กำลังสลับ pivot เรียงแล้ว) แผง pseudocode ไฮไลต์บรรทัดที่กำลังทำงาน และตัวนับสดติดตามการเปรียบเทียบ การสลับ การเขียน และการเข้าถึงอาร์เรย์แบบเรียลไทม์
- 3ควบคุมเวลาปรับความเร็ว เลื่อนไทม์ไลน์ หรือก้าวไปข้างหน้าและถอยหลังทีละการทำงานเพื่อศึกษาว่าอัลกอริทึมตัดสินใจอย่างไร การก้าวถอยหลังแม่นยำเพราะแต่ละขั้นเป็นสแนปช็อตที่เก็บไว้ ไม่ใช่การรันใหม่
- 4แข่งกันตัวต่อตัวโหมดแข่งรันอัลกอริทึมตั้งแต่สองตัวขึ้นไปกับอินพุตเดียวกันพร้อมกันแบบเคียงข้าง พร้อมตารางตัวชี้วัด คุณจึงเห็นได้ เช่น ทำไม quicksort จึงชนะ bubble sort
ทำงานในเบราว์เซอร์ทั้งหมด — ไม่มีข้อมูลออกจากอุปกรณ์ ไม่มีเซิร์ฟเวอร์ ไม่มีการอัปโหลด และไม่ต้องมีบัญชี เป็นเครื่องมือการสอน: อัลกอริทึมเป็นการเขียนแบบตำราที่เลือกเพื่อให้แสดงผลได้ชัดเจน
เครื่องมือที่เกี่ยวข้อง
เปรียบเทียบ CSV
เปรียบเทียบ CSV สองไฟล์ด้วยคอลัมน์คีย์และดูว่าแถวใดถูกเพิ่ม ลบ หรือเปลี่ยน — พร้อมฟิลด์เฉพาะที่แตกต่างแสดงเก่าถึงใหม่ จัดการฟิลด์ที่มีเครื่องหมายคำพูด ทำงานในเบราว์เซอร์ทั้งหมด
นาฬิกาจับเวลา
นาฬิกาจับเวลาความแม่นยำสูงพร้อมบันทึก lap ไฮไลต์ lap ที่เร็ว/ช้าที่สุด และคีย์ลัด นับจากศูนย์ด้วยความแม่นยำมิลลิวินาที
สร้าง CSS Cubic-Bezier Easing
ออกแบบ CSS easing curve โดยลาก control point ดูตัวอย่างการเคลื่อนไหวสดๆ และคัดลอกค่า cubic-bezier() มี preset overshoot/bounce