Trực quan hóa Thuật toán miễn phí
Xem các thuật toán sắp xếp, tìm đường và kinh điển trở nên sống động — bubble/quick/merge sort, Dijkstra/A*/BFS trên lưới mê cung tương tác, cùng tìm kiếm nhị phân, Sieve, N-Queens và Game of Life. Hoạt hình từng bước, mã giả đồng bộ, số liệu trực tiếp, và chế độ đua song song. Thân thiện với thiết bị di động và 100% trong trình duyệt của bạn.
Cách hoạt động
Mỗi thuật toán được viết dưới dạng generator trả ra từng "bước" trực quan một — một ảnh chụp của mảng cùng các phần tử đã được so sánh, hoán đổi hoặc ghi. Một trình phát duy nhất tính trước toàn bộ danh sách bước, nên phát, tạm dừng, tiến một bước, lùi một bước và chế độ đua song song đều chỉ là truy cập chỉ mục vào danh sách đó. Không có gì được gửi đi — mọi thứ chạy trong trình duyệt của bạn.
- 1Chọn thuật toán và bộ dữ liệuChọn từ bubble, selection, insertion, merge, quick, heap, shell, cocktail, counting và radix sort (cùng bogosort, cho vui). Tạo mảng ngẫu nhiên, gần sắp xếp, đảo ngược hoặc ít giá trị riêng biệt, hoặc tự nhập các số phân cách bằng dấu phẩy.
- 2Xem nó chạy — và đọc theoCác cột được tô màu theo việc đang diễn ra (so sánh, hoán đổi, chốt, đã sắp xếp). Bảng mã giả làm nổi bật đúng dòng đang được thực thi, và các bộ đếm trực tiếp theo dõi số lần so sánh, hoán đổi, ghi và truy cập mảng theo thời gian thực.
- 3Điều khiển thời gianĐiều chỉnh tốc độ, kéo thanh thời gian, hoặc tiến lùi từng thao tác để nghiên cứu chính xác cách thuật toán ra quyết định. Lùi bước là chính xác vì mỗi bước là một ảnh chụp được lưu, không phải chạy lại.
- 4Cho chúng đua trực tiếpChế độ đua chạy hai hoặc nhiều thuật toán trên cùng đầu vào cùng lúc, cạnh nhau, với bảng chỉ số để bạn thấy, ví dụ, vì sao quicksort nhanh hơn bubble sort.
Chạy hoàn toàn trong trình duyệt — không dữ liệu nào rời khỏi thiết bị. Không có máy chủ, không tải lên và không cần tài khoản. Đây là công cụ giảng dạy: các thuật toán là bản cài đặt theo sách giáo khoa được chọn để trực quan hóa rõ ràng.
Công cụ liên quan
So Sánh CSV
So sánh hai tệp CSV theo cột khóa và xem chính xác hàng nào được thêm, xóa hoặc thay đổi — với các trường cụ thể khác nhau hiển thị từ cũ đến mới. Xử lý trường có dấu nháy; chạy hoàn toàn trên trình duyệt.
Đồng Hồ Bấm Giờ Trực Tuyến
Đồng hồ bấm giờ chính xác với ghi lại vòng đua, tô sáng vòng nhanh/chậm nhất và phím tắt bàn phím. Đếm lên từ không với độ chính xác mili giây.
Tạo CSS Cubic-Bezier Easing
Thiết kế đường cong CSS easing bằng cách kéo các điểm kiểm soát, xem trước chuyển động trực tiếp và sao chép giá trị cubic-bezier(). Bao gồm cài đặt sẵn overshoot/bounce.