ねほり.com

何もないから何かみつかる

JSのグラフライブラリ・アニメーションライブラリの現状トレンド

      2017/04/25

JSライブラリは多種多様に存在する。

グラフィックライブラリのトレンド

グラフィックライブラリは特に多い、多すぎる。

FusionCharts 、HighCharts 、 Google Charts 、 Sencha ExtJS Charts 、 Chart.js 、 Flot 、 jqPlot 、 amCharts 、 gRaphaël、chartist.js、c3.js 、Canvas.js、plotly.js、taucharts.js、sigma.js などなど。

今まで個人サイトのものを使ってたけど、先週 Chart.js に乗り換え始めた。

が、そもそも今選択するなら何がよいのか調べてみた。

1

HighCharts は人気だけど、商用は有償なので検討しないことにする。

Highcharts Single Developer License : 57,213 円

Google Chartsを採用するのが正しいようです。

業務でamChartsを使っている人もいたので、更に細かく比較してみた。

2

Google Chartsを使わないのであれば、Chart.jsを使うことで、特に問題なさそうです。

グラフィカルなグラフが簡単に書けるようです。

便利な世の中になりました。

アニメーションライブラリのトレンド

インタラクティブコンテンツを制作するには、さまざまなJavaScriptライブラリがあります。

2D系エンジン

これも沢山ある。

CreateJS、Arctic.js、enchant.js、Pixijs、Processing.js、phina.js、animate、Cocos2d-html5

国産のphina.jsが人気そうに見えたので、使ってみたが本当に人気なのかな?

CreateJSはFlashと非常に親和性の高いHTML5フレームワーク。adobe社が作ってる。

Pixijsは、機能は少ないが、とにかく描画が圧倒的に速い。

pixijs-v4-logo

phina.jsは、ゲームエンジンというよりもより総合的なフレームワーク。tmlib.jsの後継。

Clipboard01

世の中のトレンドはPixijsかなぁ・・・、よく分からない。

3D系エンジン

こちらは処理速度の問題で少ない。

three.js

まだUnity使うのが正しいようです。

 - 2017年, Web技術, テクノロジー

  関連記事

IMG_20171001_164657
千葉公園のハス池でグッピー捕り(千葉県千葉市)

千葉公園は「大賀ハス」のハス池が有名です。 ただし10月になると、完全に枯れてし …

1466975862791
江戸時代の農民の先祖調査は難航

先祖の調査をはじめて10年経過。未だに分からないことだらけです。 そもそも農民の …

smell1
味覚と嗅覚に対する次世代のデバイス・商品まとめ

視覚や触覚、聴覚に対するデバイス・商品は、様々な会社が商品を競うようにリリースし …

2
BNF氏の逆張りスイングトレードの有効性検証(protraシストレ)

BNF(小手川隆)氏の「乖離率」逆張り投資手法のバックテストを以前紹介しましたが …

images (2)
Pythonによるシステムトレード(sbi証券ログイン)

10年前にシステムトレードをVBSで検討したが、結局何もせずに終わった。 Dee …

4
適当に買った場合の有効性検証(protraシストレ)

自分がprotraを使って何をしてるのか分からなくなってきました・・・。 何をや …

google2
インターンシップで知るGoogleオフィスの雰囲気

マウンテンビューのGoogleオフィスでは食事(ご飯、飲み物、デザート全て)が無 …

images
動画配信サービスのビジネスモデル(アメリカ編)

現在 日本のライブストリーミングでは、 ニコニコ生放送(ニコ生) Twit Ca …

pred
Kerasのモデル保存・利用(ディープラーニング)

Kerasを使った学習モデルの書き方に関しては、ある程度調べました。 はじめての …

result
bootstrapの軽量化Part2 不要なCSS定義を削除する

前回までで軽量化に関しては終了・・・。と思っていたが、やっぱり重たい。 boot …