weaklion / React-chart

React-table, chart.js 를 이용한 그래프와 테이블

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React-table, chart.js를 이용한 테이블 및 차트

제목 없음

사용한 라이브러리

  1. React.js
  2. React-table
  3. React-chartjs-2

구현된 컴포넌트

React-table을 이용하여 환자들의 상태를 체크하는 Table 컴포넌트 완성.
React-chartjs-2 에 내장되어있는 도넛 컴포넌트를 이용.
성별, 인종별, 민족별 chart 총 세가지의 pie Chart 완성.

실행 방법

1. glt clone후 cohortData에 해당하는 더미 데이터를 src내의 cohortData 폴더 생성후에 에 넣기
2. yarn or npm install
3. yarn start 
4. 결과확인

About

React-table, chart.js 를 이용한 그래프와 테이블


Languages

Language:JavaScript 83.2%Language:HTML 11.8%Language:CSS 5.0%