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