본문으로 건너뛰기
← 포트폴리오로 돌아가기
포트폴리오>개발>웹 개발
Active

WhiteChart 마켓 히트맵

2026Active

S&P 500 상위 50종목의 등락률을 블루 모노크롬 히트맵으로 시각화합니다. Treemap 레이아웃으로 시가총액 비율을 직관적으로 표현하고, 실시간 API 연동으로 장중 데이터를 반영합니다.

Highlights

  • S&P 500 상위 50종목 Treemap 히트맵
  • 블루 모노크롬 컬러 스케일 시각화
  • 시가총액 비율 기반 셀 크기 계산
  • 실시간 주가 API 연동 (장중/장외 구분)
  • 반응형 레이아웃 + 호버 상세 정보

기술 스택

ReactD3.jsREST API