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.
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 PickerClick 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 ShapesThis 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 LabelingI 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 ExperimentThis 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