Category Archives: Creative Javascript

ColorGuy

Yu Hu

A mobile app to help you grasp every drop of color in life

Description

ColorGuy is a PhoneGap app, which could take photos, choose colors from that photo and type in words to describe your emotion at that moment.

As we know, colors are powerful: people are attracted by colorful products, designers want to use colors to make things functional and beautiful, fashion guys want to express their styles by colors…

The goal of this application is to let people who love colors keep a diary of colors in their life, play with colors and form a good taste.

Now we have a computer version color piker to help use analyze colors in pictures, we also have a lot of applications about colors in apple store. However, none of them like ColorGuy, which could let you analyze the colors around you in life and play with colors whenever and wherever you want!

Classes

Creative Javascript

Chasing Double Rainbows

Michelle Chandra

"Chasing Double Rainbows" visualizes the ephemeral phenomena known as double rainbows by mapping geo-tagged photographs posted to Instagram in the previous 24 hours (chasingdoublerainbows.com) .

http://www.chasingdoublerainbows.com/

Description

Chasing Double Rainbows (www.chasingdoublerainbows.com) visualizes the ephemeral phenomena known as double rainbows by mapping geo-tagged photographs posted to Instagram in the previous 24 hours. The visualization connects users who witnessed a double rainbow closest in time to each other by drawing a rainbow arc between each sequential sighting.

The visualization was inspired by a YouTube video by Paul “Bear” Vasquez whose effervescent euphoria for double rainbows captured the world. Today, Paul's video has over 40 million views. Chasing Double Rainbows is neither a scientific, nor serious visualization, but a facetious data art project celebrating the universal fascination created by the sighting of a double rainbow.

Instagram has over 350,000 public photographs tagged #doublerainbow. In a given 24-hour period, depending on rainy weather conditions world-wide and luck, Chasing Double Rainbows visualizes anywhere between 30 – 300 geo-tagged photographs.

A double rainbow is an optical illusion in which two rainbows are seen. The illusion is created by the reflection of two rainbows in a rain droplet.

A physical map visualizes real time data and was made using plexiglass, wood and cardboard. The continent where the most recent double rainbow was sighted is lit using neopixel leds.

The online visualization was built using HTML5, CSS3, JavaScript, jQuery, Node.js, Express.js, MongoDB, D3.js, Instagram API, and the Google Geocoding API.

Classes

Creative Javascript, Designing for Digital Fabrication