issues
search
boostcampwm-2022
/
Web35-CryptoGraph
실시간 암호화폐 데이터 시각화 웹 서비스
19
stars
4
forks
source link
Issue#36/running bar chart
#63
Closed
rkdwoals159
closed
1 year ago
rkdwoals159
commented
1 year ago
개요
-러닝차트 페이지와 컴포넌트 구현
작업사항
데이터 바인딩
페이지와 컴포넌트 분리
실시간 코인 변동률로 horizontal bar chart 구현
d3.transition()으로 x축, y축 그래프 애니메이션 구현
생각해볼점
차트별 색 정하기
지금은 차트 색이 랜덤색상으로 구현되어있습니다.
+-로 나눈다면 빨간색 파란색으로 구현할 수 있습니다. 다만 실시간 y위치가 바뀌는걸 확인하기 불편할 것 같아요
랜덤으로 하게되었을때 색이 어두운색으로 표현이되면 글자색이 지금 검은색이라 인식이 어렵습니다.
+빨간색/ -파란색으로 하되 채도? 명도? 만 조절하는건 어떨까요
x축 y축 g태그는 있는데 구현이 안되어있습니다. 해야할까요?
특정 N퍼센테이지 단위로 잘라주면 더 보기 편할것 같습니다.
예시 )
실시간 변동 퍼센티이지 value가 순간적으로 변하는게아니라 애니메이션처럼 계속 올라갔다 내려갔다 하면 이쁠것 같은데 어떻게 하면 좋을까요? 숫자 변동 애니메이션?
이미지
개요
-러닝차트 페이지와 컴포넌트 구현
작업사항
생각해볼점
이미지