クオリティの高いグラフを描画するjsライブラリ「Chart.js」
HTML5のCanvasを使用して、線グラフ・棒グラフ・レーダーチャートなどを描画することができるChart.js。簡単な設定でおしゃれなグラフ・チャートを配置できるので重宝します。有名なjavaライブラリでカスタマイズ方法なども色々なサイトで紹介されてます。
Chart.js
-
水中の歪みを表現したエフェクトが気持ちいい「Liquid Distortion Effects」
-
動きのあるバブルを背景に設定することができる「bubbly-bg」
-
アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
-
ブロック要素をドラッグできるグリッドレイアウト「Muuri」
-
手書き風SVGアニメーションを簡単に実装できる「vivus.js」
RELATED POSTS
CSSだけで三角・矢印を作る方法
【2021年版】Google Fontsの使い方とおすすめ日本語フォント
カスタマイズして使用できるアイコンライブラリ「Vivid.js」
ポリゴンスタイルのイメージやテクスチャを生成できるジェネレーターまとめ
複数のレイヤーを活かしたきれいなエフェクト「Multi-Layer Page Reveal Effects」
【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」