web-dev-qa-db-ja.com

SVGチャートライブラリ

http://www.amcharts.com/ （Flash）に似たSVG + jsチャートライブラリがあるかどうか知っていますか。 FlashをサポートしていないがSVGをサポートしているブラウザーで、見栄えの良いインタラクティブなチャート機能を提供する必要があります。

javascriptsvgcharts
45
mleica

ライセンスの要件と機能に応じて、いくつかのオプションがあります。 SVGはIE 6からIE8までサポートされていないため、キャンバスを使用してIEで実行するライブラリと、VMLを使用してIEで実行するライブラリがあります。

  • Plotkit は混合SVG + Canvasライブラリで、最新バージョンは少し時代遅れです（2006年8月29日にリリースされた0.9.1） BSDライセンス。

  • Elycharts は、優れた機能セット、インタラクティブ機能、クールなアニメーションを備えたSVG + VMLライブラリ（ボンネットの下でRaphaelJSを使用）です。 （2010年12月の最終バージョン2.1.3）Mitライセンス。

  • g.raphael は、SVG + VMLライブラリです（RaphaelJSの同じ著者のRaphaelJSを使用）。インフォグラフィックには非常に適していますが、従来のチャートにはあまり適していません。 （2009年の最終バージョン0.4.1）Mitライセンス。

  • Grafico は再びSVG + VMLライブラリです（再びRaphaelJSベース）。 gRaphaelやElychartsよりもはるかに多くのグラフタイプがありますが、Elychartsよりもオプション/構成可能性は低くなっています。 MITライセンス。

  • Google Chart Tools は、SVG + VMLベースのチャートを提供します。無料で使用できますが、完全なライセンス条項が見つかりませんでした。また、エディターを提供します（サイトで簡単に見つけられない場合でも）

  • D3.js は、データに基づいてドキュメントを操作するためのJavaScriptライブラリです。 D3は、HTML、SVG、CSSを使用してデータを実現するのに役立ちます。

いくつかの商用オプションもあります：

  • ZingChart -これは、SVG、VML、キャンバス、フラッシュを許可して、そこにあるすべてのデバイスをサポートする唯一のライブラリです。高価ですが非常に完成しています。

  • HighCharts -非常に優れたドキュメントと非常に完全な機能セットを備えた非常に完全なSVG + VMLライブラリ。無料の個人使用ライセンスを持っていますが、個人の非常に「厳密な」解釈を示しており、あなた自身のブログは「個人」とは見なされない場合があります。

75
Stefano Bagnara

必要な機能についてもう少し具体的にする必要がありますが、 PlotKit を調べてください。

4
Brian Campbell

D は、SVGを使用する非常に優れたオープンソースのグラフ作成ライブラリです。

2
Pascalius

現在amChartsはSVGチャートを提供し、それでも古いブラウザー用のフラッシュチャートを生成しますサポートしていません[〜＃〜] svg [〜＃〜]。

amChartsは、Firefox、Chrome、Safari、OperaおよびInternet Explorer。また、iOS（iPad、iPhone、iPod Touch）およびAndroid Honeycomb。

良いものですね http://www.amcharts.com/

2
Eduardo Leitao

ZingChart をチェックアウトしましたか？ HTML5 Canvas、SVG、Flash（および古いIE fallback）のVML）でグラフをレンダリングします。

私はチームにいます。 support [at] zingchart.comでご質問をお寄せいただくか、 http://Twitter.com/zingchart でお問い合わせください。

-アンドリュー

1
agbegin

Google視覚化APIには、使用できるSVGグラフがいくつかあります http://code.google.com/apis/visualization これはavgライブラリではありませんが、グラフ化されています。

1
Yoah

Raphaël も役立つ可能性があります-gRaphaël—Charting Pluginをチェックしてください-本当に印象的な例があります。

0
nc3b