[솔루션] 데이지 차트 라이브러리 – 데이지 차트는 이렇게 만들어진다!

On 5월 10, 2017

[솔루션] 데이지 차트 라이브러리 – 데이지 차트는 이렇게 만들어진다!

안녕하세요? 데이터 시각화 전문기업 뉴스젤리입니다!

지난 주에는 뉴스젤리의 데이터 시각화 솔루션 데이지 업데이트 소식을 전해드렸는데요~

점점 다양해지고 업그레이드 되고 있는 데이지의 시각화 차트! 과연 어떻게 만들어지는 것일까요?

 

오늘은 뉴스젤리 개발팀이 자체 제작한 Daisy-Chart 라이브러리 리뷰를 해볼까 합니다.

(데이지 차트 블로그 – https://newsjelly.github.io/daisy-chart-blog/)

데이지에서 차트를 만들 때 개발팀에서 자체적으로 제작한 Daisy-chart라는 라이브러리를 사용하는데요,

이 라이브러리에 대한 소개 및 사용 방법을 안내해주는 목적으로 데이지 차트 블로그가 제작되었답니다!

데이지 차트 라이브러리는 D3.js를 활용하여 개발된 데이터 시각화 라이브러리입니다.

여기서 잠깐! D3.js에 대해 설명해드리자면,

데이터 시각화를 구현하는 자바스크립트 라이브러리인데요!

최근에는 사용자와 상호작용에 초점을 맞춰 동적 효과를 줄 수 있는 웹기반 데이터 시각화가 주목받고 있습니다. 더욱 다채롭고 인터랙티브한 데이터 시각화를 구현할 수 있다는 것이 장점이죠.

D3.js를 활용하여 웹기반 데이터 시각화, 특히 인터랙티브 데이터 시각화를 구현할 수 있습니다.

직접 그리는 도구이기 때문에 그래프나 시각화는 활용 수준에 따라 원하는 대로 표현이 가능하답니다. (물론 코드를 작성해야 하기 때문에 비전공자는 활용하기 어려울 수 있어요!)

아래 이미지를 클릭하면 더 자세한 정보를 확인할 수 있습니다.

(사진을 클릭하면 원본으로 이동합니다.)

 

그럼 다시 돌아와서, 블로그를 좀 더 들여다 볼까요?

현재 데이지에서 활용되고 있는 다양한 시각화 차트 유형을 볼 수 있네요!

막대차트, 콤보차트, 라인차트, 히트맵,  마커맵, 평행좌표, 산점도, 파이차트, 트리맵까지 총 9가지 유형의 차트 라이브러리가 생성되어 있습니다.

Bar 차트를 클릭해볼까요?

 

시각화 차트 유형마다 활용된 데이지 차트 라이브러리를 확인할 수 있어요! 원하는 대로 옵션을 바꿔서 차트를 만드는 데 활용할 수 있습니다.

추후에는 더 다양한 차트 유형이 라이브러리에 추가될 것이며, 각 페이지마다 설명을 추가해서 사용자들이 쉽게 이해할 수 있도록 개선될 예정이라고 하네요!

앞으로 더욱 새로워질 데이지 차트 라이브러리를 기대해주세요!

그럼 다음 주에도 특별한 소식으로 찾아뵙겠습니다.

감사합니다 🙂

 

 

데이터 활용에 가치를 더합니다.

누구나 즐길 수 있는, 데이터 시각화 솔루션 “데이지(DAISY)”

소개 영상 : https://youtu.be/0equwnlmZvQ

브로셔 다운로드 : http://bit.ly/2lqBc7E

  • By 뉴스젤리  0 Comments   
  • d3.js, DAISY, data visualization, 공공데이터, 뉴스젤리, 데이터스토리텔링, 데이터시각화, 웹기반, 웹차트, 인터랙티브, 자바스크립트, 차트라이브러리

    0 Comments

    Leave a Reply

    이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

    3 × one =