Dashboard with Nivo Charts and React
A dashboard built with React and Nivo Charts. @2023.
- Source: https://github.com/whoinlee/React_Dashboard
- Output: React Admin Dashboard
- Reference: React Dashboard with Material UI and Nivo Charts
Dashboard with Nivo Charts & React
Chropleth Map of HIV/Aids data set
Data Visualization with D3 and React II
A Choropleth Map showing HIV/Aids data, built with React and D3. @2021.
- Source: https://github.com/whoinlee/HIV_dataVizReactD3
- Output: Chropleth Map of HIV/Aids data set.
- Reference: Data Visualization with D3, JavaScript, React [Part 2]
DataViz. with D3 & React
Data Visualization with D3 and React I
A study of data visualization with various data set, built with React and D3. @2021.
- Source: https://github.com/whoinlee/dataViz_ReactD3
- Output: Donut Chart for CSS color data, Bar Chart for World Population, Line Chart for temperature data, Scatter Plot of the Iris data set, World Map w. countries in random css colors, Histogram, and mixed views (histogram and world map) of missing migrants data set.
- Reference: Data Visualization with D3, JavaScript, React [Part 1]
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.
- Source: https://github.com/whoinlee/donorsChoose
- Output: Donors Choose Dashboard
- Reference: Interactive Data Visualization with D3.js, DC.js, Python, and MongoDB
#DataViz, #Full-Stack(NodeJS and MongoDB), #React, #D3(dc.js)
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.
- Source: https://github.com/whoinlee/nikeRunningReact
- Output: Nike Running
- Original Source: https://github.com/sathomas/jsDataV.is-source/tree/master/running
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.
- Source: https://github.com/whoinlee/nasdaq100
- Output: Nasdaq 100 Index(11/01/1985 – 06/29/2012)
- Original Source: https://dc-js.github.io/dc.js/docs/stock.html
Cathedral
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
Tweet Word Map
Tweet Word Map
Data Visualization in a squarified treemap for the word count of the most recent 100 home timeline tweets. @2016.
#DataViz, #D3.js, Twitter API, PHP(TwitterOAuth)
Tweet Tweet (Light and Movement #3)
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
My FB Circles
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