graphite

JavaScript

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

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

graphite

デモ

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

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

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

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

graphite

関連記事

  1. ScrollTrigger

    JavaScript

    スクロールの位置をベースにしたアニメーション「ScrollTrigger」

    ScrollTriggerはユーザーがスクロールする位置をベースにした…

  2. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

  3. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  4. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  5. jqueryIntroLoader
  6. Rainbow.js

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP