Frappe Charts

JavaScript

シンプルでモダンなSVGチャートを実装できる「Frappe Charts」

Frappe Chartsは、シンプルでモダンなSVGチャート(グラフ)を実装することができるライブラリです。レスポンシブにも対応しているほか、jQueryなどへの依存性もゼロになります。数値をチャートで表示すれば見やすく比較しやすくなるので、閲覧者にとっては助かりますね。

Frappe Charts

デモ

デモページでは、棒グラフや折れ線グラフなど、さまざまなチャートを見ることができます。どのチャートもデザインがスッキリしていて、無駄な装飾もなくとても見やすいです。

シンプル、ミニマルなデザインを採用しているサイトとの相性はもちろん、いろんなサイトで合わせやすいのではないでしょうか?

また、レスポンシブにも対応していることから、パソコンだけではなくスマホやタブレットでの閲覧にも適しています。

グラフにマウスオーバーすれば、個別の値も表示されますよ。シンプルながらも、実用的な機能はしっかりと備えている印象です。

セッティングに関しては、parent、title、data、type、heightといった項目の値を指定することができます。ちなみにtypeには、bar、line、scatter、percentageの値が用意されています。

Frappe Charts

Light Modalパワフルでカスタマイズ性に優れたCSSモーダル「Light Modal」前のページ

多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」次のページno-image

関連記事

  1. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

  2. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  3. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  4. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  5. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  6. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP