Questions marquées «d3.js»

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.


7
Comment supprimer ou remplacer du contenu SVG?
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 à …
200 javascript  ajax  svg  d3.js 


7
Redimensionner svg lorsque la fenêtre est redimensionnée dans d3.js
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, …
188 javascript  d3.js 

5
Afficher les données au passage de la souris sur le cercle
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 …
162 tooltip  mouseover  d3.js 

11
Centrer une carte en d3 à partir d'un objet geoJSON
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 …
140 d3.js  geojson  topojson 

2
D3.js: qu'est-ce que «g» dans le code .append («g») D3.js?
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 , …
129 javascript  d3.js 


5
Graphiques / graphiques interactifs rapides et réactifs: SVG, Canvas, autre?
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 …
114 html  canvas  svg  d3.js  kineticjs 

15
Python équivalent de D3.js
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 …

2
Quelle est la différence entre les attributs x et dx de svg?
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) …
106 svg  d3.js 

3
Un bon livre pour apprendre D3.js [fermé]
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é …

7
Quelle est la différence entre D3 et jQuery?
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 …
103 javascript  jquery  d3.js 

9
Appeler un rappel à la fin d'une transition
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 …

6
étiquetage de l'axe d3
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 …

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.