[B! JavaScript][web][chart] kathewのブックマーク

[JS]スマホに最適化された優れもの！さまざまなチャートやグラフを実装できるCanvasベースのライブラリ -F2

チャートやグラフは、さまざまなスマホアプリで見かけます。スマホのデバイスに対してデザイン、インタラクション、パフォーマンスに最適化されたチャートやグラフを実装するHTML5 Canvasベースのライブラリを紹介します。 Node.js、React Nativeなどに互換性もあり、50種類以上のチャートやグラフを簡単に利用できます。スマホ向けのデザインデザインはスマホに最適化されており、軽快なインタラクションでデータをより自然に表示します。スマホに最適化されたパフォーマンス軽量で、素晴らしいレンダリングのパフォーマンスを実現。互換性 HTML5のCanvasベースで実装されており、Node.js、React Nativeで実行することもできます。ライセンス MITライセンスで、個人でも商用でも無料で利用できます。 F2のデモまずはスマホのアプリでよく見かける、美しいデザインと

kathew 2018/09/19

リンク

【無料】チャート/グラフ作成用JavaScriptライブラリを比較！おすすめ5選 | まろりかの自由帳

チャート/グラフ作成のJavaScriptライブラリおすすめ5選以下の観点でオススメの5つとして絞り込みをしました。 GithubのStar数が多い有名企業が携わっているたくさんの人に利用されている無料かつ商用利用可個人的にオススメのものから紹介していきます。１：Chart.js 概要 Chart.jsはシンプルでデザイン性が高くレスポンシブなチャート/グラフを作成可能とするJavaScriptライブラリです。 Chart.jsではHTML5のCanvas要素にチャート/グラフが動的に作成されます。グラフのデータ描画にはデフォルトで簡単なアニメーションがついているので、見た目がオシャレになります。基本的な8つの種類のグラフ/チャートを作成することができるので、Chart.jsさえあればほとんどのケースで事足りるはずです。描けるグラフ/チャートの種類は以下の8つです。線グ

kathew 2018/06/29

リンク

レスポンシブ対応！Webサイトにグラフを表示できるJavaScriptライブラリー3つ

レスポンシブ対応！Webサイトにグラフを表示できるJavaScriptライブラリー3つグラフを必要とするWebサイトは限られるかもしれませんが、いざという時に知っておくと便利なグラフ作成用JavaScriptライブラリー。意外とレスポンシブ対応のものが少なかったので、対応しているものを集めてみました。 1. Chart.js公式サイト｜サンプル｜ドキュメント｜GitHub Chart.jsはグラフ作成用 JavaScript ライブラリーの大御所とも呼べるのではないでしょうか？手軽にアニメーションのついた美しいグラフを表示できますよ。棒グラフ、円グラフ、折れ線グラフ、極座標グラフ、バブルチャート等、様々な種類が用意されています。もちろんレスポンシブ対応！どのグラフ描画ライブラリーにするか悩んだら、ひとまず Chart.js を試してみるといいでしょう。 Chart.js の読み込みまずはフ

kathew 2018/06/29

リンク

【2017年度版】いざというときに活躍するJavaScriptチャートライブラリ15選

高度情報化社会やビッグデータ時代と呼ばれている現代において、データビジュアライゼーション(データの視覚化)は注目されている分野の一つです。アプリだけでなくWebサイトにおいても、ダッシュボード画面などで、大量のデータの中から意味のある情報を、分かりやすいUIを使って表示する機会が増えています。ホームページにこのようなデータを表示するときに役立つのが、JavaScriptベースのチャート・グラフライブラリです。操作性が優れていたり、さまざまな種類のチャートやグラフを表示したり、レスポンシブ対応していたりと、さまざまな機能を持つチャートライブラリが存在します。今回は、2017年に試してみたい、いざという時に活躍するJavaScriptライブラリを集めました。ほどんどのライブラリが商用利用も可能で、汎用性があります。次のプロジェクトで採用できそうなライブラリをぜひ探してみてください。

kathew 2018/06/29

リンク

チャート、グラフを書くのに良さそうなJavascriptライブラリ6選 - Qiita

Javascriptのライブラリはたくさんあるけれど、いろんな統計分析結果を表示するのに良さそうなライブラリは意外と限られてます。そんな図/グラフ描画用Javascriptライブラリを画像とともにまとめておきました。 NVD3.js ライセンス: Apache 2.0 D3.jsで作られたチャート描画用ライブラリ。グニュグニュ動いてカッコいいが複雑なものを使うとバグを踏んだりする。git hub管理されているのでパッチを投げるのは比較的簡単。 Vis.js ライセンス: Apache 2.0 / MIT グラフ理論的なグラフを描くのが主眼のライブラリだが、棒グラフ、折れ線グラフなどは描ける。パイチャートは描けない。 Google Charts ライセンス: completely free 言わずと知れたGoogle先生のライブラリ。使いやすいが、見慣れているせいか少しダサく感じるのが欠点

kathew 2018/06/29

リンク

JavaScriptでグラフ描画入門！全８個のライブラリをコード付きで一挙に解説！ -

どうも、まさとらん（@0310lan）です。今回は、JavaScriptを使って「グラフやチャートを描きたい！」とか、「さまざまなデータを可視化させたい！」という人にオススメのJSライブラリをご紹介しようと思います。また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。グラフの種類は少ないものの、モダンブラウザ＆レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。【基本の書き方】「chart.js」ファイルは、公式