June 1st, 2017

Donors Choose

Donors Choose Dashboard
A study of full stack data visualization development with DonorsChoose.org data, built with React, NodeJS(Express), and MongoDB, utilizing D3, dc.js, crossfilter, and dc-react libraries. @2017.

#DataViz, #Full-Stack(NodeJS and MongoDB), #React, #D3(dc.js)

 

May 6th, 2017

Nike Running

Nike Running

Nike Running
A study of data visualization with Nike+ API data, based on the sample application in the book, Data Visualization with Javascript. Built with React & Redux, utilizing leaflet/react-leaflet, flot/react-flot, and underscore libraries, converted from the original version built with Backbone. @2017.

#DataViz, #React/Redux, #Map

 

March 13th, 2017

Nasdaq 100 Index

Nasdaq 100 Index

Nasdaq 100 Index
A study of data visualization with Nasdaq 100 Index data. Built with React, utilizing colorbrewer, crossfilter, D3, dc, and dc-react libraries. @2017.

#DataViz, #D3.js(dc.js)

 

April 12th, 2016

Cathedral

roseCathedral600x600_3
Cathedral
In progress. A prototype for an installation of 2-screen diptych, rose and birds. Built with Processing. Collaboration w. Sooin Lee. @2016.

#Processing/p5.js, #Installation

 

March 23rd, 2016

Tweet Word Map

tweetWordMap600x600_4

Tweet Word Map
Data Visualization in a squarified treemap for the word count of the most recent 100 home timeline tweets. @2016.

open movie »

#DataViz, #D3.js, Twitter API, PHP(TwitterOAuth)

 

August 14th, 2015

Tweet Tweet (Light and Movement #3)

tweetTweet600x600

tweetTweetExposed600x600

Tweet Tweet (Light and Movement #3)
Being interested in texts more for their visual elements than their contents and perceiving the action of tweeting as birds flapping wings, the most recent home timeline tweets are displayed broken, as if the character encoding was set wrong, and animates in a flipping motion. The actual data is revealed on mouseOver. This project is part of a prototype for an installation with split-flaps. @2015.

open movie »
 
#DataViz, #Flash(Actionscript), #Installation, Twitter API

 

August 14th, 2015

My FB Circles

myFBCirclesB_600x600

myFBCirclesW_600x600

My FB Circles
Data Visualization with Facebook friends data using D3.js. Data is hard coded due to the limited accessibility of friend data that is available only to the users who currently use the app. @2015.

open movie »
 
#DataViz, #D3.js, Facebook API

 

August 13th, 2015

100 Modern Library Book Authors

howToReadNew

The Lives of Authors For Top 100 Modern Library Books
A study of data visualization with 2013 EYEO workshop materials by Accurat. The visualization shows the life spans of authors whose books are listed in the Modern Library’s Top 100 Novels, along with the awards received, the ranks of books in the list, and the publishing years depicted on the timeline. @2015.

#DataViz

 

August 13th, 2015

34,065 Meteorite Strikes

meteorStrikes600x600

34,065 Meteorite Strikes
A study of data visualization with 34,065 meteor strike data. Marker scale reflects the relative sizes of the meteorites. Top 10 big meteorites are specified with detail information. Built with Processing. @2015.

#DataViz, #Processing, #Map

 

August 12th, 2015

World Map

worldMap600x600_outline

World Map
Inspired by the traditional “Go” game board, its black and white stones on a grid, I tried to depict the world map only with circles and squares. The map is 360 degree rotatable with the world clock that shows the current time for each longitude. @2003

open movie »

#DataViz, #Flash(Actionscript), #Map

 

(c) 2020 Whoin Lee | powered by wordpress using the theme aav1