d3.js (svg ライブラリ) のような Canvas ライブラリはありますか。ここに Web サイトがあり、svg 要素を使用してグラフをコーディングしましたが、スマートフォンのブラウザーでは効率的ではなく、動作が非常に遅くなります。私は今、それを2Dキャンバスタイプで変更して、それが良いかどうかを見たいと思っています。この目的に役立つキャンバス ライブラリを提案できますか?
ありがとう...
d3.js (svg ライブラリ) のような Canvas ライブラリはありますか。ここに Web サイトがあり、svg 要素を使用してグラフをコーディングしましたが、スマートフォンのブラウザーでは効率的ではなく、動作が非常に遅くなります。私は今、それを2Dキャンバスタイプで変更して、それが良いかどうかを見たいと思っています。この目的に役立つキャンバス ライブラリを提案できますか?
ありがとう...
D3は必ずしもsvgのみのライブラリではありません。多くの場合svgが使用されますが、ライブラリは任意の種類の表現を行うことができます。Kai ChangによるD3のキャンバスを使用した平行座標のこの例を参照してください:http://bl.ocks.org/2409451
また、役立つ可能性のあるパフォーマンスの問題などに関するディスカッションについては、こちらを参照してください:https: //groups.google.com/d/topic/d3-js/mtlTsGCULVQ/discussion
Samsung Olympic Genome ProjectのFacebookアプリでは、http://thejit.orgを使用して、アプリの力指向グラフスタイルのアニメーションを作成しました。もちろん、私やチームの他のメンバーによって大幅に変更されており、アプリでの役割はごくわずかですが、非常に強力なフレームワークです。
Chart.js は、レンダリング用に HTML5 を使用してグラフを作成する、最近登場した JavaScript ライブラリです。D3 ほど機能が包括的ではありませんが、将来的にはまさにそれになるように取り組んでいます。http://www.chartjs.org/
レンダリングに HTML5 キャンバスを使用するCytoscape.JSを見てください。これを書いている時点ではまだ始まったばかりですが、このプロジェクトは有望なようです。その wiki によると、ライブラリはデスクトップ ブラウザーとモバイル ブラウザーの両方をサポートしています。
特に、Cytoscape.js は Chrome などのデスクトップ ブラウザーと iPad などのモバイル ブラウザーの両方をサポートしているため、Cytoscape.js は Web アプリケーションに簡単に統合できます。