graphite

JavaScript

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

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

graphite

デモ

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

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

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

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

graphite

Jquery modal box pluginCSS3アニメーションによるモーダルボックス「Jquery modal box plugin」前のページ

美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」次のページjQuery Parallax

関連記事

  1. Shave

    JavaScript

    設定した高さに基づいて複数行のテキストを切り取る「Shave」

    Shaveは設定した最大の高さに基づいてHTML要素内に収まるように複…

  2. waslidemenu
  3. simplePagination.js
  4. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  5. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

  6. chalk-animation

    JavaScript

    カラフルなアニメーションを実装できる「chalk-animation」

    chalk-animationはカラフルなアニメーションによるテキスト…

最近の記事

  1. パーソナルパーティション
  2. 200-DGBG020
  3. Anker PowerPort 5-in-1 37.5W Hub

アーカイブ

PAGE TOP