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



RELATED POSTS
  • 非レスポンシブの要素をレスポンシブ化する「Reframe.js」
  • input要素への入力を制御できるスクリプト「Cleave.js」
  • リアルな水滴を表現できる「Rain & Water Effect Experiments」
  • アニメーションが素敵なツールチップ「Playful Little Tooltip Ideas」
  • クオリティの高いグラフを描画するjsライブラリ「Chart.js」
  • 波の動きの背景を作成することができる「Wavie.js」
PICKUP
POPULAR POSTS
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • 長いURLを短くするオススメの短縮URLサービス
  • CSSグラデーションの作成に役立つジェネレーター・Webサービスまとめ
  • フォントを調べる時に役に立つサービス・サイトまとめ
  • 無料で使えるおしゃれな英語の筆記体フリーフォントまとめ
RECENT POSTS
  • イメージワードを選択するだけでフリーフォントを簡単に検索できる「モジザイ」
  • アイコンフォント「FontAwesome」の使い方
  • 漢字が使えるおすすめの日本語フリーフォントまとめ
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2019年10月版】
  • プライス・値段表示などに使えそうな英数字フォント13選
TAG LIST
  • Webサービス

    87

  • CSS

    58

  • 素材

    34

  • jQuery

    34

  • エフェクト

    31

  • フリー

    28

  • ジェネレーター

    26