Gratis Algoritme-visualizer
Kijk hoe sorteer-, zoekpad- en klassieke algoritmes tot leven komen — bubble/quick/merge sort, Dijkstra/A*/BFS op een interactief labyrintrooster, plus binair zoeken, de Zeef, N-Queens en Game of Life. Stap-voor-stap animatie, gesynchroniseerde pseudocode, live statistieken en een wedstrijdmodus naast elkaar. Mobiel-vriendelijk en 100% in je browser.
Hoe het werkt
Elk algoritme is geschreven als generator die telkens één visualisatiestap oplevert — een momentopname van de array plus welke elementen zijn vergeleken, verwisseld of geschreven. Eén speler berekent vooraf de volledige lijst met stappen, dus afspelen, pauzeren, stap vooruit, stap terug en de racemodus naast elkaar zijn allemaal gewoon indexeren in die lijst. Er wordt niets verstuurd — alles draait in je browser.
- 1Kies een algoritme en een datasetKies uit bubble, selection, insertion, merge, quick, heap, shell, cocktail, counting en radix sort (plus bogosort, voor de lol). Genereer een willekeurige, bijna gesorteerde, omgekeerde of weinig-unieke array, of typ je eigen getallen gescheiden door komma's.
- 2Kijk hoe het werkt — en lees meeStaven krijgen een kleur naar wat er gebeurt (vergelijken, verwisselen, pivot, gesorteerd). Het pseudocodepaneel markeert precies de regel die wordt uitgevoerd, en live tellers houden vergelijkingen, verwisselingen, schrijfacties en arraytoegangen in realtime bij.
- 3Bepaal de tijdPas de snelheid aan, scrol door de tijdlijn of ga één bewerking vooruit en terug om precies te bestuderen hoe het algoritme beslissingen neemt. Stap terug is exact, omdat elke stap een opgeslagen momentopname is en geen nieuwe run.
- 4Laat ze tegen elkaar racenDe racemodus draait twee of meer algoritmen tegelijk op dezelfde invoer, naast elkaar, met een tabel met statistieken, zodat je bijvoorbeeld ziet waarom quicksort bubble sort verslaat.
Draait volledig in je browser — er verlaten geen gegevens je apparaat. Er is geen server, geen upload en geen account. Het is een lesmiddel: de algoritmen zijn implementaties uit het leerboek, gekozen omdat ze duidelijk te visualiseren zijn.
Gerelateerde tools
CSV-vergelijking
Vergelijk twee CSV-bestanden op een sleutelkolom en zie precies welke rijen zijn toegevoegd, verwijderd of gewijzigd — met de specifieke velden die oud naar nieuw verschillen. Verwerkt aanhalingstekenvelden; volledig in je browser.
Online stopwatch
Precisie-stopwatch met rondeopname, markering van snelste/langzaamste ronde en sneltoetsen. Telt op vanaf nul met millisecondenauwkeurigheid.
CSS cubic-bezier-easinggenerator
Ontwerp CSS-easingcurves door controlepunten te slepen, bekijk de beweging live en kopieer de cubic-bezier()-waarde. Inclusief overshoot/bounce-presets.