Als «d3.js» getaggte Fragen

D3.js ist eine JavaScript-Bibliothek zum Erstellen interaktiver datengebundener Visualisierungen von Dokumenten mit HTML, SVG und Canvas.


7
Wie kann ich SVG-Inhalte entfernen oder ersetzen?
Ich habe einen Teil des JavaScript-Codes, der (mit D3.js) ein svgElement erstellt, das ein Diagramm enthält. Ich möchte das Diagramm basierend auf neuen Daten aktualisieren, die von einem Webdienst mit AJAX stammen. Das Problem ist, dass jedes Mal, wenn ich auf die Schaltfläche "Aktualisieren" klicke, ein neues generiert svgwird. Daher …
200 javascript  ajax  svg  d3.js 


7
Ändern Sie die Größe von svg, wenn die Fenstergröße in d3.js geändert wird
Ich zeichne ein Streudiagramm mit d3.js. Mit Hilfe dieser Frage: Ermitteln Sie die Größe des Bildschirms, der aktuellen Webseite und des Browserfensters Ich benutze diese Antwort: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || g.clientWidth, y = w.innerHeight|| e.clientHeight|| …
183 javascript  d3.js 

5
Daten beim Mouseover des Kreises anzeigen
Ich habe eine Reihe von Daten, die ich in einer Streuung zeichne. Wenn ich mit der Maus über einen der Kreise fahre, möchte ich, dass Daten angezeigt werden (z. B. x-, y-Werte, möglicherweise mehr). Folgendes habe ich versucht: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x);}) .attr("cy", function(d) {return y(d.y)}) .attr("fill", …
162 tooltip  mouseover  d3.js 

11
Zentrieren Sie eine Karte in d3 mit einem geoJSON-Objekt
Derzeit müssen Sie in d3 ein geoJSON-Objekt, das Sie zeichnen möchten, skalieren und übersetzen, um es auf die gewünschte Größe zu bringen, und es übersetzen, um es zu zentrieren. Dies ist eine sehr mühsame Aufgabe des Versuchs und Irrtums, und ich habe mich gefragt, ob jemand einen besseren Weg kennt, …
140 d3.js  geojson  topojson 

2
D3.js: Was ist 'g' in .append ("g") D3.js Code?
Ich bin neu in D3.js, habe erst heute angefangen zu lernen Ich habe mir das Donut-Beispiel angesehen und diesen Code gefunden var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Ich habe nach Dokumentation gesucht , …
129 javascript  d3.js 


5
Schnelle und reaktionsschnelle interaktive Diagramme / Grafiken: SVG, Canvas, andere?
Ich versuche, die richtige Technologie für die Aktualisierung eines Projekts auszuwählen, das im Grunde Tausende von Punkten in einem zoombaren, pannbaren Diagramm wiedergibt. Die aktuelle Implementierung mit Protovis ist unterdurchschnittlich. Schau es dir hier an: http://www.planethunters.org/classify Bei vollständiger Verkleinerung gibt es ungefähr 2000 Punkte. Versuchen Sie, mit den Griffen unten …
114 html  canvas  svg  d3.js  kineticjs 

15
Python-Äquivalent zu D3.js.
Kann jemand eine Python-Bibliothek empfehlen, die eine interaktive Grafikvisualisierung ermöglicht? Ich möchte speziell so etwas wie d3.js, aber für pythonund im Idealfall wäre es auch 3D. Ich habe angeschaut: NetworkX - es werden nur MatplotlibDiagramme erstellt, und diese scheinen 2D zu sein. Ich habe keine Art von Interaktivität gesehen, wie …

2
Was ist der Unterschied zwischen dem x- und dem dx-Attribut von svg?
Was ist der Unterschied zwischen dem x- und dx-Attribut von svg (oder y und dy)? Wann wäre der richtige Zeitpunkt, um das Achsenverschiebungsattribut (dx) gegenüber dem Standortattribut (x) zu verwenden? Zum Beispiel habe ich viele d3-Beispiele bemerkt, die so etwas tun chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am …
106 svg  d3.js 

3
Ein gutes Buch zum Lernen von D3.js [geschlossen]
Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 6 Jahren . Verbessere diese Frage Ich habe gesehen D3.jsund ich war interessiert, also habe …

7
Was ist der Unterschied zwischen D3 und jQuery?
Bezugnehmend auf dieses Beispiel: http://vallandingham.me/stepper_steps.html Es scheint, dass die D3- und jQuery-Bibliotheken in dem Sinne sehr ähnlich sind, dass beide DOM-Manipulationen auf objektverkettete Weise durchführen. Ich bin gespannt, welche Funktionen D3 einfacher macht als jQuery und umgekehrt. Es gibt viele Grafik- und Visualisierungsbibliotheken, die jQuery als Grundlage verwenden (z.Highcharts, Flot, …
103 javascript  jquery  d3.js 

9
Rufen Sie am Ende eines Übergangs einen Rückruf auf
Ich muss eine FadeOut-Methode (ähnlich wie jQuery) mit D3.js erstellen . Was ich tun muss, ist die Deckkraft mit auf 0 zu setzen transition(). d3.select("#myid").transition().style("opacity", "0"); Das Problem ist, dass ich einen Rückruf benötige, um zu erkennen, wann der Übergang abgeschlossen ist. Wie kann ich einen Rückruf implementieren?

6
d3 Achsenbeschriftung
Wie füge ich Achsen in d3 Textbeschriftungen hinzu? Zum Beispiel habe ich ein einfaches Liniendiagramm mit einer x- und einer y-Achse. Auf meiner x-Achse habe ich Häkchen von 1 bis 10. Ich möchte, dass das Wort "Tage" darunter angezeigt wird, damit die Leute wissen, dass die x-Achse Tage zählt. In …

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.