Articles of d3.js

¿Cómo obtengo las coordenadas del mouse usando mousedown en d3?

Estoy tratando de crear un gráfico en D3 en el que puedas dibujar un cuadrado para ampliar. En este momento, estoy tratando de hacer que funcione la función de reducción del ratón. Necesito poder hacer clic en cualquier parte del gráfico y obtener las coordenadas. Esto es lo que tengo ahora: svg.on(“mousedown”, mousedown) function mousedown() […]

Los movimientos de panorámica y zoom de d3.js cuando se usa el mouse después del zoom programático

Estoy tratando de centrar mi gráfico d3 cuando se carga. Entonces corro var g = svg.append(“g”); //… then later g.call(zoom.transform, center); En realidad no está centrado, solo está escalando ahora. Pero la escala funciona. El problema es que cuando me desplazo para acercar o alejar, comienza desde 1 lugar de 0.5 . Así que salta. […]

Diseño de fuerza D3: línea recta en lugar de curva para enlaces (pero solo para algunos enlaces)

Tengo este D3 jsfiddle que produce el siguiente diagtwig: Lo único que me molesta de este diagtwig es que si solo hay un enlace entre dos nodos, se dibuja como una curva. Creo que sería mucho mejor si esos enlaces fuesen líneas rectas (la flecha estaría bien). Digamos que entre Microsoft y Amazon debe ser […]

D3.js diseño de fuerza plegable, colapsado por defecto

Me gustaría usar un diagtwig de fuerza colapsable que está colapsado por defecto (comenzando con un solo nodo). Me encontré con esto: http://bl.ocks.org/david4096/6168323 pero está en blanco y no funciona. Estoy usando el último Mozilla Firefox 43.0.4. Incluso lo puse a plunker con el mismo resultado – en blanco. ¿Alguien puede identificar el problema? ¿También […]

¿Por qué no se actualizan los ejes de mi D3 SVG?

Tengo un diagtwig de dispersión D3 simple que alterno entre mostrar varios atributos diferentes de mis datos, pero mientras puedo cambiar los puntos de datos (y hacer la transición como quiero), y puedo cambiar las tags a los ejes de la figura, No se pueden actualizar los ejes (menos aún la transición). Sospecho que estoy […]

Cómo rotar correctamente las tags de texto en un diagtwig de rayos D3

En el siguiente Sunburst D3: http://jsfiddle.net/maxl/eabFC/ .attr(“transform”, function(d) { return “rotate(” + (dx + d.dx / 2 – Math.PI / 2) / Math.PI * 180 + “)”; }); Las tags en los cuadrantes de la izquierda están al revés, me gustaría hacer una rotación en ellas para que el texto se lea de izquierda a […]

Distorsión de ojo de pez d3.js en el mapa

Estoy intentando distorsionar un mapa d3.geo.path () con el complemento fisheye.js ( https://github.com/d3/d3-plugins/tree/master/fisheye ). Para distorsionar un objeto, el complemento necesita atributos x & y. En la wiki de d3.js dice: Una función de proyección toma una matriz de dos elementos de números que representan las coordenadas de una ubicación, [longitud, latitud], y devuelve una […]

¿Uso correcto de stack.values ​​() en D3 Streamgraph?

Estoy tratando de crear un diagtwig de flujo de datos D3 con datos adicionales por capa usando un descriptor de valores, como se demuestra en la referencia de API D3 y esta pregunta en Stack Overflow . El título se agrega bien, pero no parece agregar los valores. ¿Alguna idea sobre lo que podría salir […]

¿Cómo usar d3.time.scale () para generar una matriz de fechas espaciadas uniformemente?

Esto parece que debería ser trivial. Quiero usar d3.time.scale() para obtener un conjunto de fechas espaciadas uniformemente que cubran un cierto intervalo de tiempo. Por ejemplo, años [2012-01-01, 2013-01-01, 2014-01-01] o meses [2012-01-01, 2012-02-01, 2012-03-01 … 2014-12-01] o lo que sea. Así que empiezo así: var t = d3.time.scale() .domain(d3.extent(dates)) .nice(d3.time.year); Asumiría, a partir de […]

d3 – gráfico circular de burbujas de dougnut

Estoy tratando de crear un gráfico de pastel / burbuja fusionado. – buscando una base de gráfico de burbujas inicial – tal vez este. http://jsfiddle.net/xsafy/ ^ Necesito agrupar estas burbujas, quizás sub burbujas por porción. // base de gráficos de burbujas. http://jsfiddle.net/NYEaX/1450/ (function() { var diameter = 250; var svg = d3.select(‘#graph’).append(‘svg’) .attr(‘width’, diameter) .attr(‘height’, […]