ねほり.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年(社会人13年), テクノロジー, Web技術

  関連記事

前日比-10%投資法の有効性検証(protraシストレ)

システムトレード可能なバックテスト環境という「聖杯」を手に入れた。と喜んでいまし …

あなたも株のプロになれる(うねり取り手法:立花義正編)

2002年に、長瀬主演の株投資のドラマがありました。 マーケットの動きは一見デタ …

Protraを使ったバックテスト環境の構築

Pythonや人工知能の学習を兼ねてというのは目的ではないことを再認識しました。 …

ポケットに入る?VAIO Pを購入

2010年05月31日(月) VAIO PはiPadの夢を見るか? 3台目のノー …

HTML5 canvas+JavaScriptでオセロ作成

2011年11月27日(日) HTML5 canvas+JavaScriptでオ …

三兵三羽崩れの有効性検証(protraシストレ)

バックテストの重要性は10年前から分かっていましたが、最近読んで再認識させられた …

RCIの3本ライン表示方法(protraシストレ)

protraを使ったバックテストのソースコードばかり公開してますが、グラフ表示も …

「線形代数」を「不可」にして再受講するにも難しい

これ以上、日記を更新しないとさすがに後が続かないので、最近の事でも…。&nbsp …

PHPでカクテル検索サイト作成、自動は画像生成へ

2006年11月19日(日) 秋合宿は寒すぎる・・・ 人は一人では生きられない …

Googleの誤クリック検知システム

中学生「小学生の頃は良かったわー」 高校生「中学の頃は良かったわ―」 大学生「高 …