d3 2

D3.js를 이용하여 웹차트 만들기1 – 개념 및 예제

D3.js란? 안녕하세요. 자바스크립트 라이브러리 중 하나인 D3.js에 대해서 소개해드리려고 합니다. D3.js란 자바스크립트 라이브러리를 처음 들어보신 분도 또는 자주 사용해보셨던 분들도 계시겠지만, 이번에는 처음 접해보시는 분들을 위해 조금 자세하고 쉽게 설명해드리도록 하겠습니다. (이미 자주 사용하시고 저보다 더 많은 지식을 알고 계시는 분들에게 미리 양해 말씀드립니다^^) 우선 D3는(D3.js를 줄여서 D3라고 함) 완전히 오픈소스이며, Data-Driven-Documents의 약자로 D가 연속으로 3번 들어가서 일명 D3라는 명칭으로 부르며, 웹브라우저상에서 동적이고 인터렉티브한 정보시각화를 구현하기 위한 자바스크립트 라이브러리입니다. D3의 장점은 새로운 언어 형태가 아니라 자바스크립트 문..

프론트엔드 2019.05.29

GITHUB프로젝트들의 인기 순위와 상위 프로젝트 소개

최근에 http://js.org/이라는 사이트가 세상에 등장했습니다. 자기가 만든 프로젝트의 홈페이지를 무료로 호스팅도 해주고 GitHub에 등록된 프로젝트중 상위 1만개 프로젝트의 순위도 표시해 줍니다. 호스팅되는 도메인명은 http://myproject.js.org입니다. 자바스크립트 개발자인 저는 js.org라는 도메인명이 매우 탐이 납니다. 프로젝트 순위는 Git허브에서 Star수와 fork수가 많은 순대로 표시됩니다. 제가 만든 라이브러리는 없었습니다 (ㅠㅠ). 누적 순위와 함께 일간, 주간, 월간 순위도 제공하므로 요새 급부상중인 프로젝트가 무엇인지 금방 알 수 있습니다. 게다가 이 순위 데이터는 하루에 세번씩 업데이트 되고, 외부에서도 사용할수 있습니다. js.org사이트에서는 1만건의 데이..

유용한 정보 2015.07.16