graphite

JavaScript

シンプルな棒グラフを生成できる「graphite」

graphiteはシンプルな棒グラフを生成できるJavaScriptライブラリです。コンパクトなファイルサイズで、無駄な装飾もなくシンプルでとても見やすいのがいいですね。

graphite

デモ

デモではシンプルでミニマルなデザインの棒グラフが2つ設置されています。棒グラフにはそれぞれ個別の数値も表示されていて、視覚的にわかりやすいだけでなく数値もピンポイントでチェックできるのが便利ですね。

また、幅や高さ、タイトル、バーカラー、ラベルフォント、バーフォント、タイトルフォントなどはオプションを用いることでセッティングできます。

具体的なオプション項目は、width、height、fixPadding、title、barColor、labelFont、barFont、titleFontです。

シンプルながらもカスタマイズ性も有しているので、自サイトに棒グラフを実装したいという人は、ぜひ「graphite」をチェックしてみてはいかがでしょうか?

graphite

関連記事

  1. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  2. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  3. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  4. pull-to-reload

    JavaScript

    下へ引いてページをリフレッシュ(リロード)できる「pull-to-reload」

    pull-to-reloadは、Webページ内で下へ引くだけでページを…

  5. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  6. Blindify

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP