Sorting Algorithms Visualizer - Online Bubble, Quick & Merge
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
UD5 Toolkit
| Complexity | Notation | Operations | Time (1μs/op) | Rating |
|---|
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
See the complete recursion tree for small Fibonacci or factorial calculations. Understand overlapping subproblems. Educational.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Drag a slider to compare your original image with a compressed version (e.g., WebP). See the quality difference and file size savings.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHED…) and see the animated transitions. Networking education.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Paste HTML and see the order in which elements would receive focus via Tab key. Highlight issues. Local accessibility testing.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Resize the container and see the difference between repeat(auto‑fill, …) and auto‑fit. Understand responsive grid behavior.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
See outerWidth, innerWidth, outerHeight, innerHeight, screenX/Y, and availWidth/Height live. Understand the viewport.
Shrink a PDF file size with configurable image quality and object removal. All processing stays in your browser.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Sort hundreds of lines alphabetically, reverse alphabetically, or by length. Deduplicate option. All local.
Enter a URL and extract tab‐index order violations and focusable elements. Quick accessibility audit. Client‑side fetch.
Paste your Accept‑Language header and see which languages your site should serve based on quality values. Internationalization helper.
Sort lines of text alphabetically, numerically, or by length. Reverse order supported. Perfect for organizing lists and data sets with complete privacy.
Paste a website's HTML and see which text is only visible to screen readers (e.g., .sr‑only). Preview the accessible layer.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Click to get a random, unique superpower with a description. Perfect for character creation or daydreaming.
Generate a palette of N colors that are maximally distinguishable for common color vision deficiencies. Copy the hex codes.
Visually name grid areas in a table and generate grid‑template‑areas CSS. Perfect for complex layouts. Drag‑free.
Enter a URL and see a waterfall of external scripts with their download size and execution time estimate. Identify performance culprits.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.