Als «d3.js» getaggte Fragen

Erste Frage zum Stapelüberlauf, also nimm sie mit! Ich bin neu bei d3.js, war aber immer wieder erstaunt darüber, was andere damit erreichen können ... und fast genauso erstaunt darüber, wie wenig Fortschritte ich selbst damit machen konnte! Klar, ich mache mir nichts vor, also hoffe ich, dass die freundlichen …

89 javascript  d3.js  force-layout 

Ich habe eine Reihe von SVG-Rechtecken (mit D3.js) und möchte beim Mouseover eine Nachricht anzeigen. Die Nachricht sollte von einem Feld umgeben sein, das als Hintergrund dient. Sie sollten beide perfekt zueinander und zum Rechteck (oben und zentriert) ausgerichtet sein. Was ist der beste Weg, dies zu tun? Ich habe …

87 javascript  svg  d3.js  tooltip 

Was ist der Unterschied zwischen GeoJSON und TopoJSON und wann würde ich einen über den anderen verwenden? Die Beschreibung von TopoJSON auf GitHub impliziert, dass die TopoJSON-Dateien 80% kleiner sind. Warum also nicht immer TopoJSON verwenden?

87 d3.js  gis  geojson  topojson 

Ich habe chart.js in meinen Projekten mehrmals verwendet, aber ich habe d3.js nie verwendet. Viele Leute sagen, dass d3.js das beste Javascript-Framework für Diagramme ist, aber keiner von ihnen kann erklären, warum, besonders wenn ich einen Vergleich mit chart.js möchte. Ich habe Folgendes gefunden: http://www.fusioncharts.com/javascript-charting-comparison/, aber es ist nicht das, …

87 javascript  d3.js  charts  chart.js 

Ich habe also den nächsten Force-Layout-Diagrammcode zum Festlegen von Knoten, Links und anderen Elementen: var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function (d) { return fill(d); }) .attr("x1", function (d) { return d.source.x; }) .attr("y1", function …

87 d3.js  force-layout 

Was ist der Unterschied zwischen forEachund eachin D3js?

86 javascript  d3.js 

TLDR: Hat jemand Erfahrung mit Protovis und D3.js, um die Unterschiede zwischen den beiden zu beleuchten? Ich habe in den letzten 2 Wochen mit Protovis gespielt und es war bisher großartig. Außer jetzt scheine ich mit Animation ein bisschen gegen eine Mauer gestoßen zu sein. protovis: http://vis.stanford.edu/protovis/ Ich möchte eine …

84 javascript  protovis  d3.js 

Ich versuche, d3 mit dem Buch Interactive Web Visualization zu lernen, aber mit Version 4.0 hat sich viel geändert. Eine Sache, die ich wirklich nicht herausfinden kann, ist, ob es ein Äquivalent für d3.scale.category10 () gibt, um eine einfache Zuordnung zu Farben zu erhalten. Gibt es so etwas in der …

82 d3.js 

Ich bin neu in der d3- und svg-Codierung und suche nach einer Möglichkeit, Text auf der xAxis eines Diagramms zu drehen. Mein Problem ist, dass die xAxis-Titel normalerweise länger sind als die Balken im Balkendiagramm. Daher möchte ich den Text so drehen, dass er vertikal (und nicht horizontal) unter der …

81 text  svg  transform  d3.js 

Was ist ein effektiver Weg, um ein SVG-Element mithilfe der D3-Bibliothek an die Spitze der Z-Ordnung zu bringen? Mein spezielles Szenario ist ein Kreisdiagramm, das hervorhebt (durch Hinzufügen eines strokezu path), wenn sich die Maus über einem bestimmten Teil befindet. Der Codeblock zum Generieren meines Diagramms ist unten: svg.selectAll("path") .data(d) …

80 javascript  svg  d3.js 

D3 hat eine gerichtete Kraft Layout hier . Gibt es eine Möglichkeit, diesem Diagramm das Zoomen hinzuzufügen? Derzeit konnte ich das Mausradereignis erfassen, bin mir aber nicht sicher, wie ich die Neuzeichnungsfunktion selbst schreiben soll. Irgendwelche Vorschläge? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) …

80 javascript  jquery  d3.js  zoom  force-layout 

Ich kann nicht verstehen, wie d3.call () funktioniert und wann und wo ich das verwenden soll. Hier ist der Tutorial-Link, den ich zu vervollständigen versuche. Kann jemand bitte genau erklären, was dieses Stück tut var xAxis = d3.svg.axis() .scale(xScale) .orient("bottom"); svg.append("g").call(xAxis);

79 javascript  d3.js 

Ich habe Angular 2 (Alpha 44) erfolgreich in D3.js integriert: <html> <head> <title>Angular 2 QuickStart</title> <script src="../node_modules/systemjs/dist/system.src.js"></script> <script src="../node_modules/angular2/bundles/angular2.dev.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.6/d3.min.js" charset="utf-8"></script> <script> System.config({packages: {'app': {defaultExtension: 'js'}}}); System.import('app/app'); </script> </head> <body> <my-app>Loading...</my-app> </body> </html> app.js: /// <reference path="./../../typings/tsd.d.ts" /> import {Component, bootstrap, ElementRef} from 'angular2/angular2'; @Component({ selector: 'my-app', template: '<h1>D3.js …

78 angular  d3.js 

Ich habe gerade D3.js von d3js.org heruntergeladen (Link zur Zip-Datei), es entpackt und auf der folgenden HTML-Seite darauf verwiesen: <html> <head> <title>D3 Sandbox</title> <style> </head> <body> <script src="/d3.v3.js"></script> </body> </html> Wenn ich diese Seite lade, gibt mir meine Konsole (in Chrome) den folgenden Fehler: Uncaught SyntaxError: Unexpected token ILLEGAL: line …

77 javascript  d3.js 

Ich mag die Verwendung von Append in D3 und suche nach Prepend. Existiert das in D3?

74 javascript  d3.js  prepend