様々なチャートを生成できるライブラリ「TOAST UI Chart」

 
シンプルなチャートから凝ったチャートまで様々なチャートを生成できるJavaScriptライブラリ「TOAST UI Chart」の紹介です。Bar、Column、Line、Area、Pie、Bubble、Scatter、Map、Heatmap、Treemap、Radial、Boxplotと多種多様なチャートが用意されており、チャートを組み合わせて表示させるなどカスタマイズも可能です。

TOAST UI Chart

Examplesでは様々なチャートが用意されていて、下部にあるコードの数値やカラーを変更し「Run it!」をクリックすると変更した結果がチャート表示されます。 あらかじめチャートにしたいデータがある場合は、こちらで表示確認しながらデータを入力し、完成したコードをコピペってこともできそうです。



  • 様々なエフェクトを実装できるパーティクルエンジン「Proton」
  • 音楽に合わせて要素を動かすことができる「Rythm.js」
  • グラデーションのアニメーションを実装できる「Granim.js」
  • あると便利なスクロールアニメーションライブラリ11選
  • ブロック要素をドラッグできるグリッドレイアウト「Muuri」
RELATED POSTS
  • 陽炎のようなエフェクトを実装できる「Animated Heat Distortion Effects with WebGL」
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • 30秒以内に理解できるCSSスニペットのコレクション「30 Seconds of CSS」
  • アイコンフォント「FontAwesome」の使い方
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • 【jQuery】ページ移動時にアニメーション効果をつけられるAnimsition
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】