데이터 시각화

데이터 시각화 프로젝트에 오신 것을 환영합니다! 이 도구는 SGM 오픈 베타 데이에서 수집된 사용자 피드백 데이터를 시각화하고 분석하는 데 도움을 주기 위해 설계되었습니다. 다양한 차트 유형과 시각적 요소를 활용하여 데이터를 직관적으로 이해하고 발표할 수 있도록 돕습니다.

🎯 프로젝트 개요

이 데이터 시각화 도구를 사용하면 다음과 같은 작업을 할 수 있습니다:

• CSV 파일 업로드: 피드백 데이터가 포함된 CSV 파일을 쉽게 가져올 수 있습니다.
• 데이터 시각화: 데이터에 기반하여 자동으로 다양한 차트와 워드 클라우드를 생성합니다.
  • 파이 차트: 카테고리 데이터의 비율을 시각화합니다.
  • 워드 클라우드: 텍스트 데이터의 빈도를 시각적으로 표현합니다.
  • 정규 분포 차트: 수치 데이터를 분석하여 분포와 표준 편차를 보여줍니다.

🛠 주요 기능

• CSV 파일 입력: CSV 파일을 선택하고 업로드합니다.
• 파이 차트: 소수의 고유 값을 가진 카테고리 데이터를 시각화합니다.
• 워드 클라우드: 텍스트 데이터에서 가장 빈번하게 사용된 단어를 시각적으로 표현합니다.
• 정규 분포 차트: 수치 데이터의 분포와 표준 편차를 분석하여 시각화합니다.

📊 작동 원리

1. CSV 파일 업로드:

   • "CSV 파일을 선택해 주세요!" 버튼을 클릭하여 CSV 파일을 업로드합니다.

2. 데이터 처리:

   • 도구가 CSV 파일을 파싱하고 데이터를 처리합니다. 불필요하거나 누락된 값을 필터링하고 시각화에 적합한 형식으로 준비합니다.

3. 자동 시각화:

   • 데이터 유형에 따라 가장 적합한 시각화를 자동으로 결정합니다:
     • 파이 차트: 최대 6개의 고유 값을 가진 카테고리 데이터에 적합합니다.
     • 워드 클라우드: 6개 이상의 고유 단어를 가진 텍스트 데이터에 적합합니다.
     • 정규 분포 차트: 수치 데이터를 분석하여 분포와 표준 편차를 표시합니다.

4. 표시:

   • 시각화가 인터랙티브하고 세련된 형식으로 표시됩니다. 각 차트나 워드 클라우드는 정돈된 형태로 결과 영역에 배치됩니다.

📈 시각화 종류

• 파이 차트: 서로 다른 카테고리의 비율을 보여줍니다.
• 워드 클라우드: 단어의 빈도를 시각적으로 표현합니다.
• 정규 분포 차트: 수치 데이터의 분포와 평균, 표준 편차를 시각화합니다.

📁 파일 요구 사항

• CSV 파일에는 헤더가 포함되어야 하며, 각 행은 속성을 가진 레코드를 나타내야 합니다. 속성은 카테고리형 또는 수치형일 수 있습니다.

⚙️ 기술적 세부사항

• 사용된 라이브러리:
  • Chart.js: 인터랙티브 차트 생성.
  • Chartjs-plugin-annotation: 차트에 주석 추가.
  • PapaParse: CSV 파일 파싱.
  • Wordcloud2.js: 워드 클라우드 생성.
• 스타일링: Google Fonts(Poppins) 및 커스텀 CSS로 현대적인 디자인을 구현했습니다.

🚀 시작하기

이 도구를 사용하려면:

1. 저장소를 클론하거나 다운로드합니다.
2. index.html 파일을 웹 브라우저에서 엽니다.
3. CSV 파일을 업로드하고 시각화를 탐색합니다!

📣 피드백 및 기여

피드백을 제공하거나 프로젝트에 기여하고 싶으신 분은 언제든지 의견을 주시거나, 문제를 열고, 풀 리퀘스트를 제출해 주세요!

---

SGM 16기 파이팅!