D3.JS prise en charge du Navigateur

Pourrait un développeur avec une expérience de D3.JS indiquer quels navigateurs et la version du navigateur niveaux dans la pratique plus facilement l'appui de la D3.JS bibliothèque ?

S'il existe une liste de D3.JS "les éléments", qui sont connus pour ne pas être compatible avec certains navigateurs et la version du navigateur niveaux?

L'D3.JS site web suggère :

Prise En Charge Du Navigateur

D3 prend en charge soi-disant “moderne” des navigateurs, ce qui signifie généralement tout sauf IE8 et ci-dessous. D3 est testé par rapport à Firefox, google Chrome (le Chrome), Safari (WebKit), de l'Opéra et IE9. Pièces de D3 peut fonctionner dans les navigateurs plus anciens, comme le noyau D3 bibliothèque a un minimum d'exigences: le JavaScript et le DOM du W3C API. Pour IE8, la bibliothèque de compatibilité Aight est recommandé. D3 utilise l'API de Sélecteurs de Niveau 1, mais vous pouvez précharger le Grésillement de compatibilité. Vous aurez besoin d'un navigateur moderne pour utiliser SVG et Transitions CSS3. D3 n'est pas une couche de compatibilité, de sorte que si votre navigateur ne supporte pas les normes, vous êtes hors de la chance. Désolé!"

Cependant, j'attendais plus de réponse spécifique.

InformationsquelleAutor user1836288 | 2013-03-01
  1. 25

    Je vais aller sur une branche ici et assimiler le support SVG avec D3 soutien, car (à mon avis) c'est la partie la plus utile de la bibliothèque.

    Avec cela à l'esprit, ce lien devrait vous donner exactement les versions de navigateur qui le prennent en charge:
    http://caniuse.com/svg

    Et cela correspond à ce que vous venez de coller à partir de la D3 site: fondamentalement, toutes les grandes fournisseur de navigateurs sauf IE a eu le support SVG pour beaucoup de nombreuses versions.

    Votre question, dit "en pratique", et cela signifie que le format SVG. Oui, je sais, il y a quelques exemples de l'utilisation de la D3 à la non-SVG parties du DOM, mais la grande majorité des exemples dans le galerie sont SVG basée sur l'.

    • C'est vraiment trivial à utiliser D3 sans SVG. Il y a différentes raisons pour lesquelles D3 pauses dans les vieux navigateurs IE.
    • pierre, pouvez-vous partager un lien/exemple d'utilisation de D3 sans SVG?
    • Ici: vallandingham.me/d3_without_svg.html
    • Le javascript .méthode map (pour lesquels il n'existe pas de <= IE8 est le plus gros problème.
    • N'est pas nécessaire SVG, par exemple, j'ai créé une dynamique graphique à barres avec un DIV, par la saisir, mettre à jour, modèle de sortie. Fonctionne très bien.
    InformationsquelleAutor explunit
  2. 6

    D3 est une bibliothèque de données manipulations avec beaucoup d'outils d'aide pour les visualisations de données à l'aide de SVG et Canvas.

    D3 est conçu pour vous donner un accès direct à toutes les fonctions sous-jacentes de HTML et SVG. Cela signifie, compatibilité inter-navigateur est limitée par les éléments et les attributs de votre code d'usages plutôt que de D3 lui-même.

    Voici quelques exemples pour HTML5 et CSS3:

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

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

    et un pour SVG et SMIL:

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

    et un pour Toile:

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

    Si on ne considère que le D3 cadre lui-même (par exemple pour utiliser uniquement la géo fonctions de projection, mais aucun des éléments du DOM, etc.), compatibilité inter-navigateur est limitée par la prise en charge du navigateur de ECMAScript 5 en raison de l'utilisation intensive de map, forEach, etc.

    • C'est une excellente réponse.
    InformationsquelleAutor Christoph Körner