クオリティの高いグラフを描画するjsライブラリ「Chart.js」
HTML5のCanvasを使用して、線グラフ・棒グラフ・レーダーチャートなどを描画することができるChart.js。簡単な設定でおしゃれなグラフ・チャートを配置できるので重宝します。有名なjavaライブラリでカスタマイズ方法なども色々なサイトで紹介されてます。
Chart.js
-
input要素への入力を制御できるスクリプト「Cleave.js」
-
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
-
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
-
様々なエフェクトを実装できるパーティクルエンジン「Proton」
-
リアルな水滴を表現できる「Rain & Water Effect Experiments」
RELATED POSTS
CSSだけでブルブル震えるエフェクトを実装できる「CSShake」
CSSをショートハンドに書き換えてくれる「SHRTHND」
CSSでインスタグラムのようなフィルターを再現できる「Instagram.css」
CSSだけで三角・矢印を作る方法
【JS】要素をモーダルウィンドウに変化させる「cta.js」
【jQuery】いろんなエフェクトの背景画像カルーセル「Crosscover」
