COMP 4462 Project Group 2

Team ID: COMP4462_project

https://github.com/pwliuab/Comp4462.git

Team Members

1. pwliuab (Liu Pak Wai)

 - Email: [email protected]
 - Github: pwliuab
 - Branch_name: front-end&&back-end-code 
 - Responsible for web construction including backend and frontend.
 - Heatmap drawing using D3.js
 - (Front-end : react.js && D3.js && Flourish && Material UI && SVG integration) && (Back-end : node.js && express.js && MongoDB && Postman)
 - website demo video shooting
 - Data preprocessing : python pandas https://colab.research.google.com/drive/1HnLGZdriaiNi9juI7g-VdcquSlBKkpgR

2. lvvv-318 (LV Zhiyuan)

 - Email: [email protected]
 - Github: lvvv-318
 - Dev ID: lvvv-318
 - responsible for text cloud visualization, dotplot visualization. preprocess data using colab

3. yliugt (LIU Yuzhi)

 - Email: [email protected]
 - Github: yliugt
 - Dev ID: 
 - responsible for partI Analysis--relationship of countries' performance and its economic factors

---

4. yhouaj (HOU Yating)

 - Email: [email protected]
 - Github: yhouaj
 - Dev ID: yolo_branch
 - responsible for part I & II Analysis - trend of total medal and trend of sports-wise comparsion

---

Environment Setup:

- OS : Windows 
- tools : atom (for javascript coding), colab (for python pandas data preprocessing), Postman (for backend-testing), React library(npm front-end && backend), flourish , Excel, MongoDB (databse)
- data preprocessing : python -> pandas 
(dataset : 2021 Tokyo Olympics Dataset (Information of Medals),Countries of the World Dataset (Information of different countries),120 Years of Olympic History Dataset (Historical Data))

- front-end : react-js, D3-js ( installation of node js )-> (command of installing react: npx create-react-app my-app)
- back-end : node.js, express.js, Postman
- database : mongo db ( you need to set up mongo db and create database and collection before take a look to front-end )
                      (or you go to history before 2/12 's update to get front-end with d3.csv() fetching which can fetched data directly)

directory:

- front-end : front-end&&back-end-code -> comp4462-app [ commmand: npm install -> npm start ] 
- back-end : front-end&&back-end-code -> comp4462-server node.js -> get csv files -> send json back to client side [ support get post and put ]
- database : mongo db {we have setted it up , it can be used if deployment is needed}

Task todo before 01/11

• Readme.md and team repository
• backend environment set-up
• frontend environment set-up
• work division

Task todo before 14 / 11

• data preprocessing of race bar chart
• data preprocessing of parallel chart
• data preprocessing of heatMap
• data visualization of heatMap
• data visualization of race bar chart
• data visualization of parallel chart
• Documentation of coding

Task todo before 29 / 11

• ppt preparation
• presentation rehearsal

Task todo before 03 / 12

• video filming
• coding collection
• system documentation
• system adjustment
• backend handling

User Guide :

• To be done