[AI 부트캠프] DAY 37 - EDA 프로젝트 8

[오늘의 일지]

EDA 프로젝트 - 데모 페이지 만들기

[상세 내용]

EDA 프로젝트

만들게 된 계기

- 사실 데모 페이지를 만들게 된 계기는 같은 조에 한 조원분이 모든 것을 제안해 주시고 데모 페이지까지 거의 혼자 모든 것을 만들어 주셨습니다. 다른 조원들은 그냥 분석한 seaborn 그래프를 예시로 보여드리고 괜찮은 그래프면 데모 페이지에 넣어주셨다. 그래서 프로그래밍적으로는 자세하게는 모르지만 파이썬 라이브러리 중에 dash라는 것을 이용해서 만든 것까지는 알고 있습니다. 그럼 dash에 대해서 알아보겠습니다.

 

Dash를 이용한 데모 페이지 만들기

- 저는 dash라는 것을 수업시간에 처음 접했던 기억이 납니다. dash에 대한 정의는 아래와 같습니다. 조원분께서는 원래 백엔드 개발자 출신이어 잘 만드셨던 거 같습니다. 

• Dash는 Flask, Plotly.js 및 React.js 위에 작성된 Python 웹서비스 개발용 프레임워크로 Plotly에 기반하고 있음
• Dash는 Python과 HTML을 이용하여 쉽게 웹사이트나 대시보드 같은 대화형 웹응용프로그램을 작성할 수 있음

출처:http://bigdata.dongguk.ac.kr/lectures/datascience/_book/a4.-dash%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-python-dashboard.html

 

- 위에 사진에도 나와있지만 프론트엔드 부분은 Plotly를 이용하셨던 거 같습니다. Dash나 Plotly에 관한 내용은 사이트 링크를 추가해 두겠습니다. 

 

- Dash 레퍼런스

A4. Dash를 이용한 Python Dashboard | 데이터과학

 

- Plotly 레퍼런스

Dash Documentation & User Guide | Plotly

 

데모 페이시 시연

- 페이지 총 5개의 카테고리고 되어 있습니다. 카테고리 종류는 Report, Team, Correlation, Numeric, Dictionary입니다. 자세한 설명은 페이지의 이미지와 함께 하겠습니다.

 

- Report 페이지 : 선수의 공격과 수비 스탯에 대해서 평균과 비교할 수 있는 lineplot이 이용된 페이지입니다. 선수의 능력치는 코싸인 유사도와 유클리디언 거리에 의해서 두 가지 유사도가 비슷한 선수를 3명씩 보여주는 기능도 넣어주셨습니다.

데모 페이지의  Report 카테고리

 

- Team 페이지 : 팀별로 공격지표를 볼 수 있는 페이지로서 이전 일지에 나와 있지만 제가 분석을 위해 만들었던 그래프를 사용해서 만들어 주신 페이지입니다. 다만 기존 lineplot은 barplot으로 변경되었습니다.

데모 페이지의 Team 카테고리

 

- Correlation 페이지 : 이 페이지가 이번 데모 페이지를 만들게 된 계기가 되는 페이지입니다. 모든 피처들을 변수로 사용해서 x축과 y축에 바꿔가면서 비교분석이 가능한 페이지입니다.

데모  페이지의 Correlation 카테고리

 

-  Numeric 페이지 : 포지션 별로 확률밀도함수와 boxplot을 볼 수 있는 페이지입니다. 

데모 페이지의 Numeric 카테고리

 

- Dictionary 페이지 : 이 페이지는 40개 넘는 피처들의 용어 설명이 들어가 있는 페이지로서 따로 이미지는 첨부하지 않겠습니다.

 

[마무리]

 오늘은 조원분이 만들어 주신 데모페이지에 대해서 자세하게 살펴보았습니다. 이 데모페이지를 보면서 저는 배우는 입장에서 백엔드적인 부분도 공부해 보고 싶다는 생각도 들었던 거 같습니다. 그리고 같은 조로 만나서 정말 많은 도움을 받았던 거 같습니다. 이런 부분이 진짜 팀 프로젝트를 하는 진정한 의미가 아니었을까 하는 생각이 들었습니다. 내일은 프로젝트의 마지막으로서 발표자료로 프레젠테이션을 만드는 과정이 있을 거 같습니다. 발표자료도 열심히 만들어 보겠습니다.