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
Fibonacci recursion without memoization recalculates the same values exponentially many times. F(5) is computed 3 times in the tree for F(7)!
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Plot different BigâO complexities on a chart. See how O(log n) stays flat while O(2^n) explodes. Educational reference.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Paste HTML and see the order in which elements would receive focus via Tab key. Highlight issues. Local accessibility testing.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Type a child's name and create a printable dotted trace sheet. Practice fine motor skills. Local only.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHEDâŠ) and see the animated transitions. Networking education.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
Enter text and see each character's 8âbit binary laid out in a blackâandâwhite grid. Beautiful data art. Local.
Visually name grid areas in a table and generate gridâtemplateâareas CSS. Perfect for complex layouts. Dragâfree.
Generate a .gitattributes file with proper lineâending handling, binary detection, and linguist overrides. Clean repo setup.
Create categorized shopping lists (produce, dairy, meat, etc.). Add items, check them off, and print. Data stored in your browser. Never lose a list.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Highlight elements with ariaâdescribedby and see the linked description text. Verify a11y annotations.
Enter a URL and extract tabâindex order violations and focusable elements. Quick accessibility audit. Clientâside fetch.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Create simple 2â or 3âset Venn diagrams by entering commaâseparated lists. Shareable via URL fragment. No account.
Upload an animated GIF and generate a reversed version. Share the funny backwards motion. Works entirely in your browser via canvas.
Create outlined text with the textâstroke property. Adjust width and color. Preview and copy the CSS.
Generate customizable alphabet tracing sheets with uppercase and lowercase letters. Select letters to focus on. Instant print. Local only.
Animate elements as they enter and exit the viewport using view() timeline. Parallax and reveal effects without JS.
Paste HTML and see a collapsible tree of tags. Understand document outline and nesting. Handier than raw code.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.