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.
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Enter text and see each character's 8âbit binary laid out in a blackâandâwhite grid. Beautiful data art. Local.
Enter a decimal number and see a visual breakdown of bits, place values, and bitwise operations. Learn binary easily.
Paste HTML and see the order in which elements would receive focus via Tab key. Highlight issues. Local accessibility testing.
Type a child's name and create a printable dotted trace sheet. Practice fine motor skills. Local only.
Click on a constellation to see its star pattern and read the Greek mythology behind it. Beautiful CSS illustration.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Create categorized shopping lists (produce, dairy, meat, etc.). Add items, check them off, and print. Data stored in your browser. Never lose a list.
Use browser compass and geolocation to show which planets and stars are overhead. Minimal, local only.
Nest elements in 3D space with preserveâ3d vs flat. Rotate the parent and see children behave differently.
Generate customizable alphabet tracing sheets with uppercase and lowercase letters. Select letters to focus on. Instant print. Local only.
Paste a CSS rule and sort its declarations alphabetically or by box model grouping. Clean up styles.
Enter a name or word and generate an acrostic poem where each line starts with a letter of the word. Personalized fun.
Enter terms and definitions and generate a clean `<dl>` HTML snippet. Great for glossaries and FAQs.
Track personal expenses and categorize spending. Interactive charts show where your money goes. All financial data remains in your browser only.
Stepâbyâstep animated guide for abdominal thrusts on adults, children, and self. Essential emergency knowledge.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Take a list of items and reverse the line order. The first becomes last. Simple and quick.
Estimate a child's potential adult height using the mid-parental height formula (adjusted for gender). Educational tool, not a medical prediction.
See a live bar chart of character frequencies as you type or paste text. Great for cipher cracking and linguistics.
Create cards and review using a spaced repetition algorithm (Leitner box simulation). Cards stored locally. Improve exam prep.
Understand how !important behaves inside @layer vs unlayered styles. Interactive example. Avoid common pitfalls.
Turn a cardinal number (23) into its ordinal form (23rd). Supports large numbers. Simple and quick.