ねほり.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技術

  関連記事

テニスコートの自動キャンセル確認&予約システム

2008年05月31日(土) 何か他にも活用できるかも テニスコートの自動キャン …

Developers Summit 2012 に行ってきました

「Developers Summit 2012~10年後も世界で通じるエンジニア …

大学院生活は大変(授業と研究の両立&論文作成&後輩フォロー&輪講)

ネタが無かったので、日記の更新をサボってました…。 近況報告をお伝えします。 & …

MSX : 超戦士ザイダー バトルオブペガスの攻略方法

MSXとは? 「MSX」と言うコンピュータをご存知だろうか?  &nb …

JavaScriptを使った一発ギャグ

有限会社ヘッドジャパン・・・・の求人情報 待遇・・・・ 各種社保完備 昇給 賞与 …

最高ではなく未踏の山を登頂で良いな

GPSの電源が勝手に切れてしまいます・・・・。 本当に必要な時に困りそうだなぁ。 …

「イノベーションとはパクるもの」by ザンバー3兄弟

大学時代に取得できなかった資格「ソフトウェア開発」勉強でもするかな・・・と確認し …

大学時代からのテクノロジー学習一覧

2009年03月21日(土) 大学時代からの習得内容をまとめた 最近は、Pape …

さくらでnode.jsを利用してJavaScriptの勉強

2011年12月21日(水) さくらでnode.jsを利用してJavaScrip …

VinePlus(3.0系列)に私の自作ソフト掲載決定

February 15, 2005 なにやら一通のメールが届いてました。 &nb …