の適切なライブラリ（2D）

Question

は私がやろうとしていますものです： http://mbostock.github.com/d3/talk/20111116/iris-splom.html

しかし、SVGのパフォーマンスが非常に遅いので、私はそのWebGLの2Dで（やってみたいです、私はいくつかのWebGL-2D LIBSたクイック検索で10kのSVGのみ、すでに12 fpsに低下）

をrandering：？pixijs、cocos2d-html5を、Three.jsとWebGLの-2dが（捨てられた）

彼らはかなりのようです簡単ですが、私がしたいことは、データの視覚化です..cocosとpixijsは2Dゲームライブラリです。私はwebglとそれらの図書館に新しいですので、あなたの専門家がお勧めできますか？私は必要なものの

要約：

相互作用：プロット内の

• 長方形選択。いくつかの要素をクリックして選択します。
• ズームとパンのサポート（セムズーム可能な場合）

レンダラ：あなたの要件と概要に基づいて WebGL2d（ベンチマークのWebGLによると、最速である）

Answer 1

、私はCocos2D-html5の最新リリースをお勧めしますWebGLレンダリングのサポートが含まれています。これは、cocos2d.js設定ファイルでレンダリング設定をCanvasからWebGLに変更するのと同じくらい簡単です。たとえば、HelloHTML5World/cocos2d.jsでは、WebGLベースのレンダリングの場合、renderModeを2に変更します。

renderMode:0,  //Choose of RenderMode: 0(default), 1(Canvas only), 2(WebGL only) 

Cocos2d-HTML5は、より正確かもしれない（デフォルト）シマリスやBOX2Dゲーム物理学ライブラリとの組み合わせでのみ、完全なゲームライブラリとして解釈グラフィックスライブラリと&です。

長方形の選択、またはズームとパンに対応していますか？はい、これらの動作を実装するために既存のライブラリを拡張することができます。

Cocos2d-html5プラットフォームの他の利点は、JavaScriptベースのバインディングを使用して同じコードベースのCocosbuilderとクロスプラットフォームネイティブサポート（iOS、Androidなど）によるビジュアルグラフィックス編集のサポートが追加されました。

具体的なプラットフォームに関する質問がある場合は、コードで詳しく説明しています。

開始するには、JS referenceとcocos2d-html5 forumをご覧ください。

Update1：​​虹彩データセットのデータ視覚化コードを見ました。プロットは、x、y座標に従って各データポイントをプロットする小さな円で、svg要素に格納されています。これらは、x、y座標、グリッド、変化する不透明度のボックス、データポイントの小さな円を使ってCocos2dでも実行できます。アイリスのデータセットをjson/xmll/csv形式でjavascriptコードでインポートし、上記のcocos2dメソッドでプロットします。 javascriptイベントコールバックによる矩形の選択&マウスハンドラーのメソッドとキャンバスシーンの対応する更新。

Update2：第2の考えでは、cocos2d steepの学習曲線を見つけたらWebGLベースのチャート専用ライブラリに限定する方がよいでしょう。このプロジェクトVivaGraphJSは、WebGLベースのhigh performanceに適しているようです。

また、この形式、コードで試したこと、期待された出力は何か、代わりに何かを質問してください。 SOは図書館の比較のためのものではありません。 WebGLはレンダリング方法です。より高い性能が得

renderer = new THREE.CanvasRenderer(); 

：three.jsに例えばスイッチが、代わりに、キャンバス一方の

renderer = new THREE.WebGLRenderer(); 

ように単純です。