様々なチャートを生成できるライブラリ「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!」をクリックすると変更した結果がチャート表示されます。 あらかじめチャートにしたいデータがある場合は、こちらで表示確認しながらデータを入力し、完成したコードをコピペってこともできそうです。



  • あると便利なスクロールアニメーションライブラリ11選
  • vue.jsを使用したプロジェクトをまとめたサイト「made with vue.js」
  • 魅力的なテキストエフェクトを実装できる「Blotter.js」
  • 手書き風SVGアニメーションを簡単に実装できる「vivus.js」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
RELATED POSTS
  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
  • 軽快なアニメーションのバーガーメニュー「Ember Burger Menu」
  • CSSで簡単に作れるおしゃれな見出しデザイン20選
  • 無料で簡単にホームページを作成できる「Wix」の使い方とレビュー
  • 【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
  • 【JS】簡単な記述でCSSアニメーションを実装できる「AniJS」
RECENT POSTS
  • 無料で使えるフリーアイコン素材サイト15選
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
PICKUP
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • 【2020年版】WordPressおすすめレンタルサーバー6選 -初心者向け-