Health Care Data Visualization Project

introduction

• A health care data visualization project with vue3

Technologies

• Vue.js 3
• Element Plus
• Alga-js
• Axios
• Vue-Chart-3.js
• SCSS
• Font Awesome
• Postman
• Git, Github

Features

• Table
  • Sorting
  • Pagination
    • rows per page
  • Filtering
• Chart

Requirements

Install the dependencies

npm install

Start the app in development mode (hot-code reloading, error reporting, etc.)

npm run serve

Build the app for production

npm run build

Priority

1. UI 구조화 및 컴포넌트 기본 구현
2. 테이블 구현

• Sorting : element plus 자체 컴포넌트 활용
• Filtering : element plus 자체 컴포넌트 활용
• Pagination :
  • rows per page

3. 차트 구현

• 기본 차트 구현
• 각 차트에 맞게 데이터 가공

4. 상태 관리 도입 (데이터 동기화 구조 개선)
5. 코드 개선

Complete / Incomplete

Complete

• 3. 차트 구현 중 각 차트에 맞게 데이터 가공까지 구현

Incomplete