D3.js est une bibliothèque JavaScript permettant de créer des visualisations interactives liées aux données de documents à l'aide de HTML, SVG et Canvas.
Supposons que j'ai un script d'histogramme qui crée un graphique svg 960 500. Comment puis-je rendre cela réactif ainsi de suite redimensionner les largeurs et hauteurs graphiques sont dynamiques? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // …
J'ai un morceau de code JavaScript qui crée (en utilisant D3.js) un svgélément qui contient un graphique. Je veux mettre à jour le graphique en fonction des nouvelles données provenant d'un service Web utilisant AJAX, le problème est que chaque fois que je clique sur le bouton de mise à …
Quelqu'un peut-il expliquer la différence entre datum () et data () dans D3.js? Je vois que les deux sont utilisés et je ne sais pas pourquoi vous devriez choisir l'un plutôt que l'autre?
Je dessine un nuage de points avec d3.js. À l'aide de cette question: obtenez la taille de l'écran, la page Web actuelle et la fenêtre du navigateur J'utilise cette réponse: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, …
J'ai un ensemble de données que je trace dans un nuage. Lorsque je passe la souris sur l'un des cercles, je voudrais qu'il apparaisse avec des données (comme les valeurs x, y, peut-être plus). Voici ce que j'ai essayé d'utiliser: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x);}) .attr("cy", function(d) {return …
Actuellement en d3, si vous avez un objet geoJSON que vous allez dessiner, vous devez le mettre à l'échelle et le traduire afin de l'obtenir à la taille souhaitée et de le traduire afin de le centrer. C'est une tâche très fastidieuse d'essais et d'erreurs, et je me demandais si …
Je suis nouveau D3.js, j'ai commencé à apprendre aujourd'hui seulement J'ai regardé l' exemple du beignet et j'ai trouvé ce code var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); J'ai cherché de la documentation , …
J'ai besoin de connaître exactement la largeur et la hauteur d'un gélément arbitraire dans mon SVGparce que je dois dessiner un marqueur de sélection autour de lui une fois que l'utilisateur a cliqué dessus. Ce que j'ai vu sur Internet est quelque chose comme: d3.select("myG").style("width"). Le problème est que l'élément …
J'essaie de choisir la bonne technologie à utiliser pour mettre à jour un projet qui rend essentiellement des milliers de points dans un graphique zoomable et panoramique. L'implémentation actuelle, utilisant Protovis, est sous-performante. Vérifiez le ici: http://www.planethunters.org/classify Il y a environ 2000 points lors d'un zoom arrière complet. Essayez d'utiliser …
Quelqu'un peut-il recommander une bibliothèque Python capable de visualiser des graphiques interactifs ? Je veux spécifiquement quelque chose comme d3.js, mais pythonidéalement, ce serait aussi la 3D. J'ai regardé: NetworkX - il ne fait que des Matplotlibgraphiques et ceux-ci semblent être en 2D. Je n'ai vu aucune sorte d'interactivité, comme …
Quelle est la différence entre les attributs x et dx de svg (ou y et dy)? Quel serait le bon moment pour utiliser l'attribut de décalage d'axe (dx) par rapport à l'attribut d'emplacement (x)? Par exemple, j'ai remarqué de nombreux exemples d3 faisant quelque chose comme ça chart.append("text") .attr("x", 0) …
Fermé. Cette question ne respecte pas les directives de Stack Overflow . Il n'accepte pas les réponses actuellement. Vous souhaitez améliorer cette question?Mettez à jour la question pour qu'elle soit pertinente pour Stack Overflow. Fermé il y a 6 ans . Améliorez cette question j'ai vu D3.js et j'étais intéressé …
En se référant à cet exemple: http://vallandingham.me/stepper_steps.html il semble que les bibliothèques D3 et jQuery sont très similaires dans le sens où elles effectuent toutes les deux des manipulations DOM dans le cadre d'un chaînage d'objets. Je suis curieux de savoir quelles fonctions D3 rend plus facile que jQuery et …
Je dois faire une méthode FadeOut (similaire à jQuery) en utilisant d3.js . Ce que je dois faire est de définir l'opacité sur 0 à l'aide de transition(). d3.select("#myid").transition().style("opacity", "0"); Le problème est que j'ai besoin d'un rappel pour me rendre compte de la fin de la transition. Comment puis-je …
Comment ajouter des étiquettes de texte aux axes dans d3? Par exemple, j'ai un graphique linéaire simple avec un axe x et y. Sur mon axe des x, j'ai des graduations de 1 à 10. Je veux que le mot «jours» apparaisse en dessous afin que les gens sachent que …
We use cookies and other tracking technologies to improve your browsing experience on our website,
to show you personalized content and targeted ads, to analyze our website traffic,
and to understand where our visitors are coming from.
By continuing, you consent to our use of cookies and other tracking technologies and
affirm you're at least 16 years old or have consent from a parent or guardian.