Decision Tree Builder - Online Visual Yes/No Path
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
UD5 Toolkit
h(n) = |xâ - xâ| + |yâ - yâ|. It calculates the sum of absolute horizontal and vertical distances between a node and the goal. Manhattan distance is admissible (never overestimates) and consistent for grid-based pathfinding where movement is restricted to 4 directions (up, down, left, right), guaranteeing that A* finds the optimal path.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Watch classic sorting algorithms step through a randomized bar chart. Adjust speed and array size. Great for learning algorithm efficiency.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Enter text and see each character's 8âbit binary laid out in a blackâandâwhite grid. Beautiful data art. Local.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.
Plot different BigâO complexities on a chart. See how O(log n) stays flat while O(2^n) explodes. Educational reference.
Add, remove, push, pop items and watch the data structure change visually. Supports arrays, stacks, and queues. For CS students.
See the complete recursion tree for small Fibonacci or factorial calculations. Understand overlapping subproblems. Educational.
Paste HTML and see the order in which elements would receive focus via Tab key. Highlight issues. Local accessibility testing.
Build a vertical timeline by entering events with dates and descriptions. Export as image or HTML. Perfect for project milestones.
Enter a simple regular expression and see its equivalent Deterministic Finite Automaton diagram. Learn how regex engines work.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Resize the container and see the difference between repeat(autoâfill, âŚ) and autoâfit. Understand responsive grid behavior.
Animate elements as they enter and exit the viewport using view() timeline. Parallax and reveal effects without JS.
Visually name grid areas in a table and generate gridâtemplateâareas CSS. Perfect for complex layouts. Dragâfree.
Click through the TCP connection states (LISTEN, SYN_SENT, ESTABLISHEDâŚ) and see the animated transitions. Networking education.
Paste plain text and turn it into a nested outline using indent levels or Markdown headings. Great for planning.
Build a small crossword by adding words and clues. Export as a printable PNG or JSON. For classroom and fun.
Drag a slider to compare your original image with a compressed version (e.g., WebP). See the quality difference and file size savings.
Start from a base color and use `oklch(from color l c h)` to create lighter or darker variants. Copy the code.
Paste your AcceptâLanguage header and see which languages your site should serve based on quality values. Internationalization helper.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Multiple digital counters for tracking stitches, rows, and pattern repeats. Increment, reset. Works on mobile.
Upload a small image and see it tiled as a canvas pattern. Export the pattern or copy the JavaScript.
Stack multiple background images and blend them with colors. Create unique textures. Copy the CSS code instantly.
Enter a URL and extract tabâindex order violations and focusable elements. Quick accessibility audit. Clientâside fetch.
Based on home and destination time zones, suggests a light exposure/avoidance schedule to reduce jet lag. Educational tool, local only.
Create an animation that advances with scroll using animationâtimeline: scroll(). See the visual timeline editor. Modern CSS.
Drag colored beads onto a virtual thread to design a repeating pattern. See total length. Save locally.
Beautify and format your CSS stylesheets instantly. Organize, minify, or prettify CSS code for better readability. Processed securely on client-side.