ねほり.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技術, テクノロジー

  関連記事

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

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

はじめてのKerasを使った株価予測(ディープラーニング)

毎年年末年始やGWに技術学習・Webサイト構築してきたのに、今年は何もしていない …

「グッピー」と「カダヤシ」(「メダカ」)の捕獲と分類(千葉県編)

前回の日記で「カダヤシ」と「グッピー」についての記事を書きましたが、写真が分かり …

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

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

スマホで波乗り株投資法(うねり取り手法:下山敬三氏編)

1.損切り(ロスカット)しない 2.取引するのはわずか1銘柄 3.1日3分だけ! …

うねり取り手法の神髄(板垣浩氏編)

林輝太郎氏・立花義正氏・板垣浩氏は、正統派ともいうべき相場師達です。 以前、うね …

小櫃堰公園の池でモツゴ捕り(千葉県木更津市)

千葉県 小櫃川はシーバス(スズキ)釣りで有名です。 その川の横にあるのが小櫃堰公 …

タイドプールでタコ捕り&磯遊び(千葉県・かなや編)

千葉市内に最も近く磯遊びができる場所に「金谷」があります。 と言っても富津市なの …

千葉公園のハス池でモツゴ(クチボソ)捕り(千葉県千葉市)

大人も子供と一緒に1,2組は千葉公園のハス池でガサガサしている人がいる。 ただし …

BNF氏の手法の有効性検証(protraシストレ)

最近は人気のないProtraですが、基本的な機能は備わっており、今年になっても使 …