Skip to content
AllConvertTools.uz

Search tools

Type a tool name, format or task

Back to all tools
AllConvertTools.uz22 converters

Algorithms

Animated front-end algorithms: sorting, searching, debounce and throttle, the event loop, virtual DOM diffing, caches, tries and pathfinding.

22focused toolsLocalbrowser-first work
Sorting

Bubble Sort Visualizer

Repeatedly compare neighbouring values and swap them until the list is sorted. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Sorting

Insertion Sort Visualizer

Grow a sorted section by sliding each new value left into its correct place. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Sorting

Selection Sort Visualizer

Find the smallest remaining value and move it to the front, one position at a time. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Sorting

Merge Sort Visualizer

Split the list in halves, sort each half, then merge them back in order. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Sorting

Quick Sort Visualizer

Pick a pivot, move smaller values left and larger values right, then sort both sides. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Searching

Linear Search Visualizer

Check every item from left to right until the target is found. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Searching

Binary Search Visualizer

Look at the middle of a sorted list and throw away the half that cannot contain the target. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Timing and events

Debounce Visualizer

Wait until events stop for a set time, then run the function once. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Timing and events

Throttle Visualizer

Allow a function to run at most once per time interval, ignoring the extra events. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Timing and events

Event Loop Visualizer

See how the call stack, Web APIs, microtasks and the task queue decide the order your code runs in. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Browser and DOM

Virtual DOM Diff (Keys) Visualizer

Compare two lists and update only the DOM nodes that really changed - with and without keys. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Browser and DOM

DOM Traversal: Depth-First Search Visualizer

Walk the DOM tree by following one branch as deep as possible before backtracking. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Browser and DOM

DOM Traversal: Breadth-First Search Visualizer

Walk the DOM tree level by level using a queue. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Browser and DOM

List Virtualization (Windowing) Visualizer

Render only the rows that are visible, so huge lists stay fast. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Data structures

LRU Cache Visualizer

Keep recent items and evict the one that was used the longest time ago. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Data structures

Undo / Redo Stack Visualizer

Two stacks remember the past and the undone future of an editor. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Data structures

Hash Table Visualizer

Turn a key into a bucket number to store and find values in constant time. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Data structures

Trie Autocomplete Visualizer

Store words letter by letter so every word with a given prefix can be found quickly. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Graphs and text

Breadth-First Pathfinding Visualizer

Spread out from the start ring by ring to find the shortest path on a grid. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Graphs and text

A* Pathfinding Visualizer

Find a shortest path faster by guiding the search toward the goal. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Graphs and text

Levenshtein Distance (Fuzzy Search) Visualizer

Count the fewest single-letter edits needed to turn one word into another. Watch it step by step with animation and highlighted JavaScript code.

Open tool
Graphs and text

Memoization Visualizer

Cache the result of a function call so repeated calls are instant. Watch it step by step with animation and highlighted JavaScript code.

Open tool