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

    指定した画像を遅らせてローディングさせるjQueryプラグイン「Lazy Karl」の使い方

    ちょっと面白そうだったので試してみました。画像を表示させるまでの間にロ…

  3. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  4. no-image
  5. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP