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. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  2. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

  3. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  4. simpleSlideShow

    JavaScript

    カスタマイズしやすいシンプル・軽量なスライドショー「simpleSlideShow」

    simpleSlideShowは、シンプルで軽量なスライドショーを実装…

  5. Justified Gallery
  6. no-image

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP