Interactive Graphics & Animation Tests

Explore these interactive tools and visualizations I've created for various projects. Each section includes a preview image and description of what you'll find.

Color Picker Preview
Preview of the RGB Color Picker tool

Color Picker by RGB Numbering

You know how Adobe uses R,G,B values to create colors? Here is where you can do that without Adobe to figure out what color to use in something like a web page.

Tip: R,G,B values range from 0-255 for each color channel.

Try the Color Picker
Draggable Graphics Preview
Preview of interactive draggable shapes

Simple Interactive Graphics Test

Click and drag shapes in this simple sketch example that demonstrates basic interactive graphics capabilities.

Great for understanding how drag-and-drop interactions work in web development.

Try Dragging Shapes
Ventilator Labeling Preview
Medical ventilator screen labeling tool

Label a Ventilator Screen

This is great practice for anyone who wants to stare at a ventilator screen and review what they look like.

Perfect for medical professionals or students learning about ventilator interfaces.

Practice Ventilator Labeling
Mobius Strip Preview
Experimental Mobius strip visualization

Mobius Strip - Experimental

I am trying to make a mobius strip by code but ended up making a circle that moves around. doh!

Note: This is a work in progress - check back for updates!

View Experiment
FFT Visualizer Preview
Fast Fourier Transform audio visualization

Fast Fourier Transformation Visualizer

This is a visualization of how waveform can be interpreted. Yes even breathing waveforms from a ventilator can be used with an FFT, however, it is not a trivial task and not covered here. This is just for music streams.

View FFT Visualizer