Frappe Charts

JavaScript

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

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

Frappe Charts

デモ

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

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

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

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

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

Frappe Charts

関連記事

  1. SweetModal

    JavaScript

    シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」

    SweetModalは、アラートやダイアログなどをシンプルでエレガント…

  2. no-image

    JavaScript

    手軽にパララックス効果を実装できるシンプル・軽量な「simpleParallax」

    simpleParallaxは、手軽にパララックス効果を画像に実装する…

  3. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  4. Animate Transition
  5. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  6. Maximum Characters limit exceeded warning

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP