chartjs.org의 JQuery 차트




국내외 웹 개발자들이라면 한번쯤은 사용해봤던 오픈소스 chartjs.org 차트!
Bar, 라인, 툴팁, 타임 등 우리에게 필요한 차트는 다 모아놓은 오픈소스이다.
"화려하면서 심플한" chartjs.org 체험해보시죠 ^^



댓글

댓글 쓰기

이 블로그의 인기 게시물

자바스크립트 Full Calendar (풀 달력 오픈소스)

이미지
오픈 된 달력(스케즐 관리) 소스 중에 최고가 아닌가 싶다. FullCalendar LLC https://fullcalendar.io/ 데모보기 :  http://g9link.com/opensource/fullcalendar/demos/default.html 데모보기 :  http://g9link.com/opensource/fullcalendar/demos/agenda-views.html   데모보기 :  http://g9link.com/opensource/fullcalendar/demos/background-events.html   데모보기 :  http://g9link.com/opensource/fullcalendar/demos/basic-views.html   데모보기 :  http://g9link.com/opensource/fullcalendar/demos/external-dragging.html  
자세한 내용 보기

CSS 그림자

이미지
홈피 작업하다보면 언제나 디자인이 필수로 필요하다. 우리나라 속담에 "바늘 가는 데 실 간다"라는 말이 있듯이 프로그램 가는데 디자인은 항상 따라다닌다. 머 디자인 가는데 프로그램이 따라가는게 맞는것일 수도.... 요즘은 CSS로 디자인을 많이 한다. 특히 그림자는 포토샵보다는 CSS로 하는게 쉽다. 지금 소개할 오픈소스는 여러가지 그림자 효과를 표현한 소스이다. 오픈하신 개발자님들에게 항상 고마움을 느낀다. CSS body {   background: #ccc;   text-align: center;   font:75% "Lato", "Lucida Grande","Lucida Sans Unicode", Tahoma, Sans-Serif; } .box {   margin:0 auto 40px;   width:300px;   height: 150px;   position: relative;   box-shadow:0 2px 10px -5px black;   background:white;      &:before,&:after  {     content:'';     position: absolute;     width:45%;     background:black;     box-shadow:0 0 16px 8px;     height:10px;     bottom:8px;     z-index:-1;     opacity:.333;   }   &.both {     &...
자세한 내용 보기