Pathfinding Visualizer - Online A*, Dijkstra & BFS Grid
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
UD5 Toolkit
Click "Root" to start building your Yes/No decision tree, or load the example below.
Draw walls on a grid and watch A*, Dijkstra, or BFS find the shortest path. Interactive animation. Learn graph traversal.
Create categorized shopping lists (produce, dairy, meat, etc.). Add items, check them off, and print. Data stored in your browser. Never lose a list.
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
See the complete recursion tree for small Fibonacci or factorial calculations. Understand overlapping subproblems. Educational.
Create a weighed pros and cons list with a score. Help make tough decisions. Data saved locally.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
Paste HTML and see the order in which elements would receive focus via Tab key. Highlight issues. Local accessibility testing.
Create or solve logic grid puzzles (like Einstein's riddle). Enter clues and mark the grid. Practice logical deduction. Local only.
Build a small crossword by adding words and clues. Export as a printable grid or solve in browser. Perfect for classrooms.
Plot different BigâO complexities on a chart. See how O(log n) stays flat while O(2^n) explodes. Educational reference.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Create simple 2â or 3âset Venn diagrams by entering commaâseparated lists. Shareable via URL fragment. No account.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Build a small crossword by adding words and clues. Export as a printable PNG or JSON. For classroom and fun.
Enter text and see each character's 8âbit binary laid out in a blackâandâwhite grid. Beautiful data art. Local.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHEDâŚ) and see the animated transitions. Networking education.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Enter a URL and extract tabâindex order violations and focusable elements. Quick accessibility audit. Clientâside fetch.
Drag and drop light sources, camera, and subject to plan a photo shoot. Export diagram as image. Simple and visual.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Design a soft, extruded card with inner and outer shadows. Adjust depth and roundness. Copy the CSS.
Visually name grid areas in a table and generate gridâtemplateâareas CSS. Perfect for complex layouts. Dragâfree.
Choose the right extinguisher for kitchen, electrical, or garage fires. Interactive class chart. Home safety education.
Paste your AcceptâLanguage header and see which languages your site should serve based on quality values. Internationalization helper.
Guided breathing exercises with animated circle for inhale/hold/exhale. Includes box breathing, 4-7-8, and resonant breathing patterns. Customizable intervals.
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.