projects
Matrix Pix
A two-part web resource that introduces pre-teens (ages 11-13) to the math behind a digital image.
Situation: Despite today’s vast visual culture, a lack of exploration in how digital images work "under the hood” remains. Image processing could provide digital application and intuitive visual understanding of concepts such as matrix manipulation, however matrices are considered too advanced for middle school math (according to Common Core NY State Standards).
Solution: Matrix Pix, a web-based app, first familiarizes users with matrices in Story Mode, where a step-by-step interaction walks through an image’s loading and convolution processes. Along the way, a relationship begins to form between the numbers and pixels, which underlines the power and importance of playing with images. This approach builds upon simpler math concepts while grounding them in something pre-teens are already interested in: digital images.
An accompanying stop-motion video provides a deeper dive into pixels, bits, and color planes.
Skills: Image Processing, Teaching, Video editing, UI/UX, User testing, Scripting
Tools: HTML5 Canvas API, Premiere Pro
try it!
process, research
Reversing Changes with Git
A series of tutorials introducing Git commands to visual learners.
Situation: Transitioning from user to creator can be an uncomfortable process, with a steep learning curve. What are the most empowering ways to introduce programming concepts that are fundamental to understanding how software is made?
Solution: A series of Youtube tutorials using visual learning techniques, starting with a step-by-step introduction to version control software (VCS).
Skills: Research, Teaching, Storytelling, Scripting, User testing, Video editing
Tools: Git, Premiere Pro, Photoshop, REAPER
research, further reading
T3: The Tutor Theories
Making a middle-high school mathematics curriulum come to life in an accessible video format
As a content producer, I developed T3's introductory Algebra and Geometry online courses. It was an exciting opportunity to produce digital educational media that had a broader reach than a traditional classroom setting. Although I had scripted curriculum and educational videos prior, this was my first time fully in front of the camera! Creating authentic and engaging video content requires a ton of trial and error. Countless decisions matter, whether finding the best lighting, pacing, personality, and arguably the most challenging: determining the "floor" and "ceiling" of the content you're covering, while still remaining broad to learners from all levels. It was a thrilling experience to collaborate with the videographers, animators, and other content producers to make my script transform onto the screen.
Skills: Curriculum Design, Scripting, Teaching, Video editing and filming
About T3: LinkedIn
Watch "How to Solve for X"
Sound Swirl
An interactive web app for children (ages 6-8) to better understand and recognize abstract art at The Guggenheim museum.
Situation: Abstract and Expressionist art is best understood by its emphasis on process, sound and movement – all of which are not normally encouraged or allowed while viewing the actual works in a museum space.
Solution: An educational web-based app that gives children the chance to interact with and draw directly onto paintings from the Guggenheim’s collection, a museum that once provided viewers alternative ways to experience the art, using incense, jazz and classical music. Each interaction makes a different sound, encouraging exploration. An ambient soundscape of the museum loops in the background. Works well with an iPad or drawing tablet.
Skills: Design thinking, UI/UX, User testing, Prototyping, Data visualization
Tools: JQuery, HTML5 Canvas API, Literally Canvas, Three.js, FindSounds
try it! (Best viewed full screen)
Pixel Smear
An online image-processing/drawing tool tailored to a child’s user experience.
Situation: The tools one uses has a huge impact on the work itself. Because software is either too limited or too complex, children ages 3-5 are unable to comfortably experiment with editing images.
Solution: A simple, web-based interface in the style of a drawing tool, with nine preset filters and an eraser.
Skills: UI/UX, User research, Image processing
Tools: HTML5 Canvas API
try it!
Composite Patchworks
A visualization of gathered color data pulled from images of textiles.
Situation: Composite materials, structures, and data have played a significant role in our global culture’s recent digital and physical development, while repurposed or 'combined' materials are seen in technology, digital art, and textile processes such as quilting or weaving. How can these themes be combined?
Solution: A series of 12 digital patchwork quilts made by applying various image-processing techniques to images from the Stedelijk Museum’s textile collection. Data was chosen from the Stedelijk Museum because it is currently the world’s largest composite building.
Skills: Design thinking, Research, Image processing, Data parsing and visualization
Tools: ImageMagick (CLI), Processing, Adobe InDesign, Cheerio, Scrapy
