Skip to content

HaydenDevK/vue3-health-data-visualization

Repository files navigation

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
  1. 차트 구현
  • 기본 차트 구현
  • 각 차트에 맞게 데이터 가공
  1. 상태 관리 도입 (데이터 동기화 구조 개선)
  2. 코드 개선

Complete / Incomplete

Complete

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

Incomplete

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published