Wizualizator Algorytmów za darmo
Obejrzyj sortowanie, wyszukiwanie ścieżki i klasyczne algorytmy w akcji — bubble/quick/merge sort, Dijkstra/A*/BFS na interaktywnej siatce labiryntu, plus wyszukiwanie binarne, Sito, N-Hetmany i Gra w Życie. Animacja krok po kroku, zsynchronizowany pseudokod, metryki na żywo i tryb wyścigu obok siebie. Przyjazny dla urządzeń mobilnych i 100% w przeglądarce.
Jak to działa
Każdy algorytm jest napisany jako generator, który zwraca po jednym „kroku” wizualizacji — migawkę tablicy oraz informację, które elementy porównano, zamieniono lub zapisano. Jeden odtwarzacz z góry oblicza pełną listę kroków, więc odtwarzanie, pauza, krok do przodu, krok wstecz i tryb wyścigu obok siebie to po prostu indeksowanie tej listy. Nic nie jest nigdzie wysyłane — całość działa w przeglądarce.
- 1Wybierz algorytm i zbiór danychWybierz sortowanie bąbelkowe, przez wybieranie, przez wstawianie, przez scalanie, szybkie, przez kopcowanie, Shella, koktajlowe, przez zliczanie lub pozycyjne (oraz bogosort, dla zabawy). Wygeneruj tablicę losową, prawie posortowaną, odwróconą lub z niewielką liczbą unikalnych wartości albo wpisz własne liczby oddzielone przecinkami.
- 2Obserwuj działanie — i czytaj na bieżącoSłupki są kolorowane według tego, co się dzieje (porównanie, zamiana, element osiowy, posortowane). Panel pseudokodu wyróżnia dokładnie wykonywany wiersz, a liczniki na żywo śledzą porównania, zamiany, zapisy i dostępy do tablicy w czasie rzeczywistym.
- 3Steruj czasemDostosuj szybkość, przewijaj oś czasu lub przechodź o pojedynczą operację do przodu i do tyłu, aby dokładnie zobaczyć, jak algorytm podejmuje decyzje. Krok wstecz jest dokładny, bo każdy krok to zapisana migawka, a nie ponowne uruchomienie.
- 4Wyścig łeb w łebTryb wyścigu uruchamia dwa lub więcej algorytmów na tych samych danych jednocześnie, obok siebie, z tabelą metryk, dzięki której zobaczysz na przykład, dlaczego sortowanie szybkie wygrywa z bąbelkowym.
Działa w całości w przeglądarce — żadne dane nie opuszczają urządzenia. Nie ma serwera, przesyłania ani konta. To narzędzie edukacyjne: algorytmy to podręcznikowe implementacje wybrane ze względu na czytelność wizualizacji.
Powiązane narzędzia
Porównanie CSV
Porównaj dwa pliki CSV według kolumny klucza i sprawdź dokładnie, które wiersze zostały dodane, usunięte lub zmienione — ze szczegółowymi polami pokazującymi zmiany od starego do nowego. Obsługuje pola ujęte w cudzysłów; działa całkowicie w Twojej przeglądarce.
Stoper online
Precyzyjny stoper z rejestrowaniem okrążeń, podświetlaniem najszybszego i najwolniejszego okrążenia oraz skrótami klawiszowymi. Liczy od zera z dokładnością do milisekund.
Generator animacji CSS Cubic-Bezier
Projektuj krzywe łagodzenia CSS, przeciągając punkty kontrolne, podglądaj ruch na żywo i kopiuj wartość cubic-bezier(). Zawiera ustawienia wstępne dla przeskoku i odbicia.