d3 차트로 데이터 시각화 전문가 분 계신가요

Question

안녕하세요. 고등학교 졸업하고 바로 it 계열 회사로 취업하게 된 극 뉴비 개발자입니다. 회사에서 제공한 데이터를 바탕으로 실시간으로 데이터 시각화 하게 되는 업무를 맡게 되었는데요.oracle db와 연동하여 실시간으로 데이터 시각화 하는 업무인데 혹시 알고 계신 정보나 혹은 참고하신 자료들이 있다면 공유 부탁드립니다ㅠㅠ 아직 기간이 대략 2주 정도 남았는데 그 안에 결과물을 도출해야해서 이렇게 실례를 무릅쓰고 질문 드립니다.

BalanceE · Accepted Answer

연계의 형식이 오로롱이님이 말씀하신대로 json형태로 바인딩입니다.그게 무슨말이냐면, DB에서 SELECT한 데이터를 VO에 담으실거고,그 VO를 라이브러리를 사용해서 ( 저는 jackson 라이브러리 사용합니다. 또는 Gson) 객체를 json형태로 변경합니다.해당 결과를 프론트에서 javascript에서 받아와서 D3에서 요청되는 json형태로 데이터를 집어 넣는겁니다. ( 이것이 바인딩)

오로롱이 · Answer

Chart는 일반적으로 D3와 같은 javascript 오픈소스 라이브러리 형태로 제공되며 거기 데이터를 json 형태로 바인딩 하는 형식입니다.통계쿼리 작성부터 결과 값을 chart data에 맞는 형태로 가공하는 것이 신입에게는 어려울 수 있는데요테이블 구성이 간단하고 수치화 하기 쉽다면 뉴비도 충분히 시각화 작업 할 수 있습니다.D3 chart도 괜찮지만 제가 써본 무료 chart라이브러리 중에서는 Echart 가 최고인 듯 합니다. (광고아님)

레비아탄 · Answer

오로롱이 답변 감사합니다. 그럼 답변자님은 d3 차트는 사용하지 않으시는건지요? 혹시 d3 차트에 대해서도 경험이 있으시다면 데이터 베이스로 연동하여 받은 데이터를 json 형식으로 표현하여 d3 차트와 연계하는 방법도 아시나요?

BalanceE · Answer

이렇게 설명드려고 연동, 연계에 대해 모르시겠으면,, 2주 기간중3일 정도는 공부하시고 도전해보시는게 더 도움되실수도 있겠네요 보통 spring으로 작업하셔야 하니 총 하셔야할 작업은-> 글쓴이님 로컬에 환경설정-> 기본 프레임 구성 ( 기능없는 jsp페이지 구동 )-> 단순 DB SELECT 페이지 구성-> jsp에 d3 샘플 페이지 이식 ( 아직 디비랑 연결안되고 샘플데이터가 나와야 합니다.)-> d3가 요구하는 key : value 형태로 DB 데이터 바인딩

BalanceE · Answer

데이터 형태만 맞다면 별 무리가 없는 정말 단순한 작업입니다. 회사에서 제공한 데이터와 D3에서 요구하는 데이터 형태가 맞지 않는다면, 그때는 난이도가 올라갑니다. ( 바인딩시 파싱작업이 필요하기 때문이죠)

d3 차트로 데이터 시각화 전문가 분 계신가요

5개의 답변

#d3 목록