UD5 Toolkit
3D RGB Color Cube - Online Interactive Space
Explore the RGB color space as a rotatable 3D cube. Pick a color directly from the volume. Drag to rotate. Canvas 3D.
Gyroscope Visualizer - Online Angular Velocity Cube
Gyroscope Visualizer
Real-time Angular Velocity • 3D Cube
Auto Mode
Drag to rotate • Scroll to zoom • Auto mode shows angular velocity demo
Angular Velocity
0.0
°/s
0.0
°/s
0.0
°/s
max range: ±300 °/s
Settings
0.2Ă1Ă3Ă
Frequently Asked Questions
Angular velocity (Ï) measures how fast an object rotates around a specific axis. It is expressed in degrees per second (°/s) or radians per second (rad/s). A typical smartphone gyroscope can measure up to ±2000°/s. The three axes correspond to: X (roll) â tilting left/right, Y (pitch) â tilting forward/back, and Z (yaw) â rotating like a compass.
Modern smartphones use MEMS (Micro-Electro-Mechanical Systems) gyroscopes based on the Coriolis effect. A tiny vibrating mass shifts when the device rotates, and this displacement is measured capacitively. Combined with accelerometers and magnetometers, these form an IMU (Inertial Measurement Unit) used for screen rotation, gaming, VR/AR, and navigation.
The Gyroscope API and DeviceOrientation API are considered powerful features that could potentially be used for fingerprinting or eavesdropping. Browsers require a secure context (HTTPS) to access these sensors. Localhost is also considered secure for development. If you're on HTTP, use the Auto or Manual modes instead.
Degrees per second (°/s) is more intuitive for everyday use â 360°/s means one full rotation per second. Radians per second (rad/s) is the SI unit used in physics and engineering. Conversion: 1 rad/s â 57.3°/s. Use the unit toggle in Settings to switch between them. The Gyroscope API natively reports values in rad/s.
Sensor mode: Works on Chrome 67+, Edge 79+, Opera 54+ (Android & desktop with gyroscope hardware). Safari supports DeviceOrientation on iOS but may require user permission. Firefox has limited support. Auto & Manual modes: Work on all modern browsers including desktop and mobile. For the best experience, use Chrome on an Android device with a gyroscope sensor.
Gyroscope angular velocity data powers many technologies: AR/VR headsets track head rotation; drones stabilize flight; automotive ESC detects skidding; smartphone gaming enables tilt controls; wearable fitness trackers count steps and analyze gait; robotics uses IMU data for balance and navigation; and camera gimbals stabilize footage in real time.
3D Color Space Viewer - Online Explore RGB Cube
Rotate and explore the RGB color space as a 3D cube. Pick colors directly from the volume. Interactive Three.js.
Tesseract Rotation Simulator â Online 4D Cube Projection
A wireframe 3D projection of a rotating tesseract. Drag to rotate in 4D. Fascinating mathematical art.
Houdini Paint Perspective Cube - Online CSS Art
A paint worklet that draws a moving 3D cube. See Houdini in action and copy the JS file. Modern CSS magic.
Breathing Exercise Timer - Online Inhale Hold Exhale Visual Guide
Animated circle guides your breathing: breathe in, hold, breathe out. Customizable ratios (e.g., 4-7-8). Soothing colors, optional bell sound. Purely local.
Spin & Win Duel â Online 2âPlayer Score Wheel
Two players spin wheels to accumulate points. First to target wins. Customizable segments.
Circular Motion Calculator â Online Find Period, Speed, Force
Enter any two of radius, mass, speed, period, force to find the others. Physics student aid.
Color to Emotion Visualizer - Online Interactive Wheel
Click colors on an interactive wheel and see the common emotions and meanings associated with them. A design resource.
Injection Site Rotation Calendar â Online Abdomen, Thigh, Arm
Plan insulin or other injection sites with a visual body map and date log. Prevent lipohypertrophy.
Spirograph Simulator - Online Hypocycloid Drawing Tool
Create beautiful Spirograph patterns by adjusting circle radii and pen position. Change colors and save as PNG. Relaxing math art.
Prayer Time Calculator â Online SolarâBased Angles & Coordinates
Enter coordinates and calculation method to estimate Islamic prayer times. Runs entirely in the browser. No internet needed.
Perspective Grid Generator - Online Drawing Reference
Create 1-point, 2-point, or 3-point perspective grids. Adjust vanishing points and grid spacing. Useful for artists and architects.
Flute Fingering Chart Interactive â Online Note to Keys Visual
Click a note on the staff and see a visual diagram of the flute keys to press. Supports common alternate fingerings.
Aspect Ratio Calculator - Online 16:9 4:3 & Custom
Calculate new dimensions while preserving aspect ratio, or find the ratio from width and height. For video and images.
Caffeine HalfâLife Tracker - Online Blood Level Visualizer
Visualize how caffeine decays in your body over time. Enter intake amount and see remaining caffeine at bedtime to optimize sleep. Uses standard 5-hour half-life.
Audio to GIF Waveform - Online Animated Sound Visualizer
Upload an audio clip and generate an animated GIF of its waveform dancing. Shareable sound snippet. Canvas magic.
imageâorientation CSS Demo - Online Fix Rotated Photos
Control imageâorientation: from-image vs none. See how the browser interprets EXIF rotation. Fix portrait photos.
Molecular Geometry Viewer - Online VSEPR 3D Sketch
Select bonding and lone pairs to see the predicted shape (trigonal bipyramidal, octahedral). Static diagrams.
WebGL Fluid Simulation - Online Interactive Ink Drop
Move your mouse to create colorful ink swirls in a simulated fluid. Beautiful and mesmerizing. No install. Just WebGL.
Aquarium Volume Calculator - Online Rectangular & Bow Front Tank
Calculate water volume for rectangular, bow-front, and cylindrical tanks. Also computes weight of water. Supports inches/cm. Useful for dosing treatments.
Knitting Gauge Calculator â Online Swatch to Stitches
Enter swatch dimensions and stitches to get gauge. Then calculate cast-on for desired finished size.
Image to Embroidery Pattern - Online CrossâStitch Chart
Convert a photo into a colorâreduced embroidery or crossâstitch pattern with DMC thread colors. Adjust size and palette. Print chart.
Candlepin Bowling Score Calculator â Online Small Ball Scoring
Keep score for candlepin bowling with its unique rules. No strike carries automatic strikes. For New England enthusiasts.
Quilt Pattern Previewer - Online Fabric Layout Visualizer
Arrange virtual fabric squares or triangles on a grid to preview a quilt pattern. Change colors and sizes. Export layout.
Photo to Pencil Sketch - Online Realistic Effect
Turn any photo into a greyscale pencil sketch. Adjust detail level and darkness. Download your artwork. Local canvas filter.
Pregnancy Due Date Calculator - Online LMP & Gestation Tool
Estimate the baby's due date based on last menstrual period (LMP) or conception date. Also shows current week and trimester. Educational only.
Voice Pitch Chart - Online Soprano to Bass Reference
Interactive piano showing typical vocal ranges from Bass to Soprano. Highlight your range. For choir members.
Pollen Calendar Reference â Online MonthâbyâMonth Plant Guide
Select your region and see a static calendar of common pollen seasons. Informative for allergy sufferers.
Rhyme Finder - Online Dictionary of Rhyming Words
Enter a word and get a list of perfect and near rhymes. Categorized by syllable count. Useful for songwriting and poems. Static data, local.
Solar Panel Tilt Angle Calculator - Online Optimal Year-Round
Find the best tilt angle for solar panels based on your latitude and season (summer, winter, average). Simple trigonometric estimation. No location data sent.