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. しろいくろの黒豆塩大福とガトーショコラ
  2. ボヤージュブレンド
  3. 紫陽花とセミの抜けがら
PAGE TOP