[D3.js] Britecharts 사이트 소개

[D3.js] Britecharts 사이트 소개

---

D3.js를 공부하다가 재밌는 사이트를 발견했네요. Britecharts 사이트 인데 D3.js 기반의 라이브러리 API 함수를 제공해주는데 업그레이드 형태의 라이브러리인 것 같아요. 차트 시각화가 좀 더 정교하고 멋진 표현을 쉽게 만들 수 있게 해주는 것 같은데 아직 사용해 보지 않았고 코딩을 봐서는 꽤 깔끔하게 차트 코딩이 이루어지는 것 같아 보이네요. 간단히 소개만 합니다.

1. Britecharts 사이트

---

Britecharts 사이트 github 사이트에 등록된 곳이네요.

여기서, API 항목을 클릭하면 대충 각 차트 형태들을 아래 그림을 보는 것처럼 나누었고 사용방법에 대해서 자세히 소개하고 있네요.

위 API 에서 Bar를 클릭했는데 대충 영문으로 설명을 자세히 나와 있네요.

2. Britecharts 세팅

---

위의 사이트 이미지에서 Getting Started라는 걸 클릭하면 세팅하는 방법이 아래와 같이 나옵니다. 4가지 방식인데 설치를 하든 직접 링크 연결을 하든 선택해서 하면 되는 것 같더군요.

3. Britecharts 예제

---

사이트 보시면 Demos항목이 있는데 거기 Bar Chart를 한번 클릭해 봤네요.

code를 보시면 엄청 간결하죠. D3.js를 어느정도 공부하고 이걸고 공부하면 재밌을 것 같네요.

마무리

---

오늘은 우연히 발견한 Britecharts를 소개 해봤네요. 어느정도 D3.js 지식이 있는 상태에서 이걸 사용하여 차트 시각화하면 꽤 유용할 듯 싶네요. 나중에 d3.js가 정리가 되면 한번 이것도 공부해 봐야 겠네요.