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
Comments Off on 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]
Comments Off on Chropleth Map of HIV/Aids data set
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]
Comments Off on DataViz. with D3 & React
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)
Comments Off on Donors Choose
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
Comments Off on Nike 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
Comments Off on Nasdaq 100 Index
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)
Comments Off on Tweet Word Map
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
Comments Off on Tweet Tweet (Light and Movement #3)
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
Comments Off on My FB Circles
100 Modern Library Book Authors
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.
- Assets: kit.zip (How Many Angels [accurat])
- Output: authorsFor100TopBooks.pdf
Comments Off on 100 Modern Library Book Authors