42

D3.JSの経験を持つ開発者は、実際にどの特定のブラウザーとブラウザーのバージョンレベルがD3.JSライブラリを最も簡単にサポートするかを示すことができますか？

特定のブラウザおよびブラウザのバージョンレベルと互換性がないことがわかっているD3.JSの「コンポーネント」のリストはありますか？

D3.JSのWebサイトは次のことを示唆しています。

ブラウザのサポート

D3は、いわゆる「最新の」ブラウザをサポートしています。これは通常、IE8以下を除くすべてを意味します。D3は、Firefox、Chrome（Chromium）、Safari（WebKit）、Opera、およびIE9に対してテストされています。コアD3ライブラリにはJavaScriptとW3CDOMAPIの最小限の要件があるため、D3の一部は古いブラウザで動作する可能性があります。IE8の場合、互換性ライブラリAightをお勧めします。D3はSelectorsAPIレベル1を使用しますが、互換性のためにSizzleをプリロードできます。SVGおよびCSS3トランジションを使用するには、最新のブラウザーが必要です。D3は互換性レイヤーではないため、ブラウザーが標準をサポートしていない場合は、運が悪いことになります。ごめん！"

しかし、もっと具体的な答えを期待していました。

4

2 に答える 2

27

(私の意見では) これがライブラリの最も有用な部分であるため、ここでは、SVG のサポートを D3 のサポートと同一視します。

それを念頭に置いて、このリンクはそれをサポートする正確なブラウザー バージョンを提供するはずです: http://caniuse.com/svg

これは、D3 サイトから貼り付けたものと一致します。基本的に、IE を除くすべての主要なブラウザー ベンダーは、多くのバージョンで SVG をサポートしています。

あなたの質問は「実際に」と言っており、それはSVGを意味します。はい、DOM の非 SVG 部分で D3 を使用するサンプルがいくつかあることは知っていますが、ギャラリー内のサンプルの大部分は SVG ベースです。

于 2013-03-01T18:03:15.100 に答える
6

D3 は、SVG と Canvas を使用してデータを視覚化するための多くのヘルパー ツールを備えたデータ操作用のライブラリです。

D3 は、HTML と SVG のすべての基本機能に直接アクセスできるように設計されています。つまり、ブラウザー間の互換性は、D3 自体ではなく、コードが使用する要素と属性によって制限されます。

HTML5とCSS3の例を次に示します。

// Requires HTML5
d3.select('body').append('nav');

// Requires CSS3 transformations
d3.select('div').style('transform', 'matrix(1, -0.3, 0, 1, 0, 0)');

SVGおよびSMIL用に 1 つ:

// Requires SMIL
d3.select('rect').append('animate')
   .attr('attributeName', 'x')
   .attr('from', 10)
   .attr('to', 50);

およびCanvas用の 1 つ:

// Requires Canvas
d3.select('body').append('canvas');

D3 フレームワーク自体のみを考慮する場合 (たとえば、地理投影関数のみを使用し、DOM 要素を使用しない場合など)、クロスブラウザーの互換性は、ECMAScript 5 のブラウザー サポートによって制限されます。mapforEach

于 2016-01-03T21:50:20.607 に答える