http://d3js.org/

Data-Driven Documents

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

https://github.com/mbostock/d3/wiki/Gallery

com or vida.io.

Visual Index

Box Plots	Bubble Chart	Bullet Charts	Calendar View
Non-contiguous Cartogram	Chord Diagram	Dendrogram	Force-Directed Graph
Circle Packing	Population Pyramid	Stacked Bars	Streamgraph
Sunburst	Node-Link Tree	Treemap

인간에게 가장 깊숙이 잠재된 욕구는
타인으로부터 좋은 평가를 받는 것이다.
이것이 동물과 구분되는 인간의 특성이다.
- 윌리엄 제임스 하버드대 심리학 교수

‘인정과 존중으로 남을 대하라’는 것이
첫 번째 시사점입니다.
또 다른 시사점은
‘사람들은 타인으로부터 인정받기 위해
남과 동일한 길을 택할 위험(?)이 크다’는 것입니다.
나만의 길을 가는 것은
대세를 따르는 것에 비해
앞날이 불투명하고,
주위 사람들의 반대나 비웃음을 사기도 합니다.
그러나 그 길이 남다른 성공을 불러옵니다.

 저녁에는 내일은 이일을 해야지 하다가도
다음 날 아침이면 어김없이
원래 가던 길을 걷는 것을 자주 보았다.
행동하지 않는다면,
꿈에게 현실이 될 기회를 주지 않는다면,
당신에게 돌아올 기회도 없다.
- 알리바바 회장 마윈, ‘마윈처럼 생각하라’에서

꿈만 꾸고 행동하지 않는 사람들은
평생 자신의 꿈을 이룰 수 없습니다.
용기를 내어 게으름을 떨쳐 일어서야,
즉 당장의 즐거움은 뒤로하고 괴로움을 먼저 취하는
대가를 치러야 꿈은 비로소 현실이 되기 시작합니다.

NoUiSlider: A tiny range slider

jQuery UI slider

NoUiSlider is a range slider without the bloat, but with a ton of features. It’s lightweight and as minimal as possible, so it’s compatible on a wide range of devices.

https://github.com/leongersen/noUiSlider/

Reveal.js: Easy HTML presentations

Reveal.js is a framework for creating HTML presentations with CSS 3D transforms to transition between slides. It even has support for sub-slides that can be accessed from within individual slides.