Data Structure Visualizer - Online Array, Stack, Queue
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
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)!
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
Type a simple sentence and see a rudimentary Reed‑Kellogg diagram. Educational.
Plot different Big‑O complexities on a chart. See how O(log n) stays flat while O(2^n) explodes. Educational reference.
Enter flight distance to see estimated CO2 emissions and how many trees it would take to absorb that over 10 years.
Select leaf characteristics (simple/compound, smooth/toothed) to identify common North American trees.
Drag a slider to see wind speed in knots/mph/kmh and the corresponding sea conditions and land effects.
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Enter an amount and see a virtual stack of $100 bills with height comparison to everyday objects.
Simulate paint colors on a pre-loaded room photo by adjusting hue, saturation. Find your perfect shade before buying. Local canvas.
Estimate how much CO2 a tree captures over its lifetime based on species, age, and climate. Learn about your green impact. Educational local tool.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Press any key combination and see the human‑readable shortcut for macOS and Windows. Developer docs helper.
Define password rules and see a live checklist that updates as you type. Design better password UX for your app.
Touch your screen and see the pressure and radius reported. Visualize force. Mobile developer tool.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
Watch a simulation of how the JavaScript event loop handles synchronous code, microtasks, and macrotasks. Learn async.
Paste HTML and see a collapsible tree of tags. Understand document outline and nesting. Handier than raw code.
Call navigator.storage.estimate() and display a visual pie chart of used vs. available browser storage. For PWA debugging.
Paste a JSON object and see a dynamic, draggable tree graph representation. Excellent for debugging nested data.
Type a password and see a bar that fills based on estimated bits of entropy. Color‑coded feedback. No storage.
Enter two tire sizes and see a side‑by‑side comparison of diameter, width, and speedometer error. Local math.
Upload an audio clip and generate an animated GIF of its waveform dancing. Shareable sound snippet. Canvas magic.
Adjust margin, border, padding, and content sizes interactively and see the rendered box model. Get the exact CSS. Teach or learn layout.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Upload a small file to see each byte as a block, color-coded by value. Visualize the structure of binary data. Client-side.
Generate a beautiful fractal tree with adjustable depth, angle, and color. Watch it draw branch by branch. Relaxing and educational.
See interactive Venn diagrams for SQL JOINs: INNER, LEFT, RIGHT, FULL, CROSS. Understand set theory visually. Local static site.