Visual Garden Bed Grid Planner – Online Drag & Drop Plants
Draw a raised bed and drag plant icons to arrange them. See spacing requirements. Print layout.
UD5 Toolkit
Draw a raised bed and drag plant icons to arrange them. See spacing requirements. Print layout.
Build a cron expression using plain English toggles and see its visual timeline. No memorization needed.
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Virtual rooms where you can place images representing items to remember. Practice the method of loci.
Overlay outlines of different paper sizes scaled to real dimensions on screen. Choose the right one.
Type a simple sentence and see a rudimentary Reed‑Kellogg diagram. Educational.
Drag items into grid cells and see the resulting grid‑area or line‑based placement code. Learn how auto‑placement and spanning work.
Enter a decimal number and see a visual breakdown of bits, place values, and bitwise operations. Learn binary easily.
Animated circle guides your breathing: breathe in, hold, breathe out. Customizable ratios (e.g., 4-7-8). Soothing colors, optional bell sound. Purely local.
Simulate a traceroute by entering a destination IP. Learn about AS paths and latency. Does not send real packets; educational visualisation.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Choose a property, duration, and bezier curve. Trigger the transition and see the animation. Copy the complete CSS rule.
Add multiple CSS filters (grayscale, blur, hue‑rotate) to an image. See the combined effect. Copy the CSS filter value.
Enter a CSS selector and see its specificity broken down into A,B,C columns with a visual weight comparison. Learn specificity.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Set a cron expression and see a calendar of the next 1,000 execution times. Never miss a schedule again.
Connect oscillators, gain nodes, and filters with a visual graph. Hear the result in real time. Learn Web Audio interactively.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
Drag pie slices to represent fractions and see them added together. Great for visual learners.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
An animated hourglass that you can set for any time. Watch the sand flow. Beautiful and calming timer.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.