Issue#36/running bar chart

[rkdwoals159]

개요

-러닝차트 페이지와 컴포넌트 구현

작업사항

• 데이터 바인딩
• 페이지와 컴포넌트 분리
• 실시간 코인 변동률로 horizontal bar chart 구현
• d3.transition()으로 x축, y축 그래프 애니메이션 구현

생각해볼점

• 차트별 색 정하기
  • 지금은 차트 색이 랜덤색상으로 구현되어있습니다.
  • +-로 나눈다면 빨간색 파란색으로 구현할 수 있습니다. 다만 실시간 y위치가 바뀌는걸 확인하기 불편할 것 같아요
  • 랜덤으로 하게되었을때 색이 어두운색으로 표현이되면 글자색이 지금 검은색이라 인식이 어렵습니다.
  • +빨간색/ -파란색으로 하되 채도? 명도? 만 조절하는건 어떨까요
• x축 y축 g태그는 있는데 구현이 안되어있습니다. 해야할까요?
• 특정 N퍼센테이지 단위로 잘라주면 더 보기 편할것 같습니다.
  • 예시 )
  • 
• 실시간 변동 퍼센티이지 value가 순간적으로 변하는게아니라 애니메이션처럼 계속 올라갔다 내려갔다 하면 이쁠것 같은데 어떻게 하면 좋을까요? 숫자 변동 애니메이션?

이미지