Articles of d3.js

Comment sélectionner plusieurs sélecteurs avec selectAll?

Est-il possible de sélectionner plusieurs sélecteurs dans D3 en utilisant selectAll ? Je veux quelque chose comme svg.selectAll(“class1”, “circle”, “id2”) pour sélectionner tous les éléments de circle éléments class1 et les éléments id2 . Est-ce possible?

Dessin de plusieurs lignes dans D3.js

Jusqu’à présent, j’utilisais des boucles pour append des éléments de ligne à une visualisation D3, mais cela ne semble pas dans l’esprit de l’API. Disons que j’ai des données, var data = {time: 1, value: 2, value2: 5, value3: 3,value4: 2}, {time: 2, value: 4, value2: 9, value3: 2,value4: 4}, {time: 3, value: 8, value2:12, […]

Comment centrer le texte dans un élément rect dans d3?

J’ai créé une visualisation d3 qui prend un tableau de données, crée un rectangle pour chaque sharepoint données, puis affiche le texte dans le rectangle. Cependant, je n’ai obtenu que le texte à afficher à l’intérieur du recto en lui donnant des coordonnées. Je me demande comment je lui dirais de se centrer sur l’élément […]

d3 Étiquetage des noeuds

J’ai utilisé l’exemple de code de ce projet d3 pour apprendre à afficher les graphiques d3 et je n’arrive pas à afficher du texte au milieu des cercles (similaire à cet exemple et à cet exemple ). J’ai regardé d’autres exemples et j’ai essayé d’append node.append(“title”).text(“Node Name To Display”) et node.append(“text”) .attr(“text-anchor”, “middle”) .attr(“dy”, “.3em”).text(“Node […]

D3 dans une application AngularJS

J’essaie de créer ma première application avec AngularJS. Cela a l’air bien, mais il y a beaucoup d’abstraction, et je suis juste curieux de savoir si quelqu’un a des conseils sur la façon la plus idiomatique d’utiliser la méthodologie angular pour mettre à jour les visuels créés avec d3js. Merci, bp

NVD3, Effacer svg avant de charger un nouveau graphique

J’ai plusieurs graphiques NVD3 différents NVD3 lesquels je fais appel dans le même svg. J’utilise des boutons pour appeler des fonctions, chacune contenant un nouveau graphique qui utilise ses propres données. Est-il possible d’effacer mon svg unique sans le supprimer? Je souhaite appuyer sur un bouton pour appeler mon graphique, mais effacer le svg avant […]

rMaps ichoropleth avec carte personnalisée / shp

Dans R, je voudrais de l’aide pour essayer de reproduire le tutoriel ici pour que mon propre fichier ou mappage SHP (Shapefile) soit une carte de choropleth interactive … La carte est des petites régions d’Irlande du Nord. Qui peut être trouvé ici . Voici les étapes que j’ai sockets jusqu’à présent … Je pense […]

Comment mettre à jour un axe en utilisant d3.js

J’essaie d’afficher différentes données sur un graphique. L’utilisateur peut modifier les données affichées en cliquant sur un bouton radio. J’utilise un “graphique à bulles” pour rendre les données. Pour chaque type de données, je dois mettre à jour le Yaxis (le domaine est différent). Voici ce que j’ai fait pour l’instant: Initialisation graphique var svg […]

Calmer la coche initiale d’une disposition de force

Je viens juste de commencer avec D3 et je trouve la courbe d’apprentissage assez raide. Le processus est complètement différent de ce à quoi je suis habitué et les mathématiques me dépassent largement. Quoi qu’il en soit, mon projet consiste en une disposition de force représentant une carte d’intégrations entre systèmes. Cette partie fonctionne très […]

Comment obtenir des données du nœud parent dans d3.js

Je fais une imbrication dans D3 et dans un élément nested, je dois atteindre un object de données sur son parent. En ce moment je fais d3.select(this).node().parentNode.__data__; Y a-t-il une meilleure façon?