21

d3.js (svg ライブラリ) のような Canvas ライブラリはありますか。ここに Web サイトがあり、svg 要素を使用してグラフをコーディングしましたが、スマートフォンのブラウザーでは効率的ではなく、動作が非常に遅くなります。私は今、それを2Dキャンバスタイプで変更して、それが良いかどうかを見たいと思っています。この目的に役立つキャンバス ライブラリを提案できますか?

ありがとう...

4

5 に答える 5

24

D3は必ずしもsvgのみのライブラリではありません。多くの場合svgが使用されますが、ライブラリは任意の種類の表現を行うことができます。Kai ChangによるD3のキャンバスを使用した平行座標のこの例を参照してください:http://bl.ocks.org/2409451

また、役立つ可能性のあるパフォーマンスの問題などに関するディスカッションについては、こちらを参照してください:https: //groups.google.com/d/topic/d3-js/mtlTsGCULVQ/discussion

于 2012-05-15T12:49:35.827 に答える
6

Samsung Olympic Genome ProjectのFacebookアプリでは、http://thejit.orgを使用して、アプリの力指向グラフスタイルのアニメーションを作成しました。もちろん、私やチームの他のメンバーによって大幅に変更されており、アプリでの役割はごくわずかですが、非常に強力なフレームワークです。

于 2012-05-14T22:35:51.487 に答える
5

Chart.js は、レンダリング用に HTML5 を使用してグラフを作成する、最近登場した JavaScript ライブラリです。D3 ほど機能が包括的ではありませんが、将来的にはまさにそれになるように取り組んでいます。http://www.chartjs.org/

于 2013-03-26T10:20:58.080 に答える
4

レンダリングに HTML5 キャンバスを使用するCytoscape.JSを見てください。これを書いている時点ではまだ始まったばかりですが、このプロジェクトは有望なようです。その wiki によると、ライブラリはデスクトップ ブラウザーとモバイル ブラウザーの両方をサポートしています。

特に、Cytoscape.js は Chrome などのデスクトップ ブラウザーと iPad などのモバイル ブラウザーの両方をサポートしているため、Cytoscape.js は Web アプリケーションに簡単に統合できます。

于 2012-12-05T16:26:42.090 に答える