Tag: d3.js

Selección de coordenadas paralelas d3 v4 de trazados con pinceles d3 v4

Estoy tratando de implementar un gráfico similar a este – https://bl.ocks.org/syntagmatic/05a5b0897a48890133beb59c815bd953 en d3 v4. Así que encontré esta biblioteca aquí. https://github.com/syntagmatic/parallel-coordinates que fue escrito originalmente en d3 v4, por lo que encontré una versión parcial de d3 v4 con puertos en ella – https://github.com/mlarosa2/parcoords para esto, después de usar esta biblioteca con algunas de mis […]

Herramienta de búsqueda de formas poligonales de d3.js Lasso Drawing – en un mapa de Google (obteniendo las coordenadas / usuarios en un área determinada)

Al intentar construir una aplicación de búsqueda de ubicación, que muestra un mapa de Google, en el dibujo del usuario en el mapa, se muestran los usuarios que se encuentran en esa región. También he encontrado este ejemplo, pero parece torpe / unsmooth – http://jsfiddle.net/pPMqQ/34/ http://jsfiddle.net/4xXQT/156/ var width = 960, height = 500; var points […]

El trazado de círculos de d3.js no funciona correctamente al intentar cargar después de la primera vez

Este es mi código de d3.js: var width = 300, height = 300, margin = 20; var x_centre = width/2; var y_centre = height/2; var nuclear_radius = 15; var vis = d3.select(“#chart_container”).append(“svg:svg”) .attr(“width”, width) .attr(“height”, height); var radiuses = [1,2,3]; var multiplier = (d3.min([width, height]) – 2*margin – nuclear_radius) / (d3.max(radiuses) * 2); var shells […]

En D3 V4, ¿cómo usar .ease (“rebotar”) correctamente?

Aquí está mi código: circle var width = 400; var height = 400; var svg = d3.select(“body”) .append(“svg”) .attr(“width”,width) .attr(“height”,height); var circle1 = svg.append(“circle”) .attr(“cx”, 100) .attr(“cy”, 100) .attr(“r”, 45) .style(“fill”,”green”); circle1.transition() .duration(1000) //延迟1000ms .attr(“cx”, 300); var circle2 = svg.append(“circle”) .attr(“cx”, 100) .attr(“cy”, 100) .attr(“r”, 45) .style(“fill”,”green”); circle2.transition() .duration(1500) .attr(“cx”, 300) .style(“fill”, “red”); var circle3 […]

No se puede usar attr con un objeto en D3 v4

He estado intentando convertir un buen ejemplo de gráfico D3 ( https://jsfiddle.net/thudfactor/HdwTH/ ) en un componente Angular2 con el nuevo D3 v4. Sin embargo, obtengo una excepción “no se puede leer el texto de propiedad de nulo” con el siguiente código: var textLabels = labelGroups.append(“text”).attr({ x: function (d, i) { var centroid = pied_arc.centroid(d); var […]

d3.json no devuelve mi matriz de datos en D3 v4

Estoy usando d3.json para cargar un archivo JSON que contiene mis datos, como este: var data = d3.json(url, callback) Si hago una console.log(data) puedo ver que los data no están vacíos ni null . Sin embargo, no parece contener mi matriz de datos, sino algo más. ¿Qué estoy haciendo mal aquí? Nota: esta es una […]

¿Cómo puedo acceder a la selección actual dentro de una callback D3?

¿Cómo puedo acceder a la selección actual dentro de una callback D3? group.selectAll(‘.text’) .data(data) .enter() .append(‘text’) .text((d) => d) .attr(‘class’, ‘tick’) .attr(‘y’, (d) => { // console.log(this) <– this gives me window 🙁 but I want the current selection or node: return d }) Podría hacer una d3.select(‘.tick’) en la callback, ya que para entonces […]

Error con interpolar

Estoy tratando de suavizar las líneas en un gráfico de área astackda que tengo. Pero estoy recibiendo un error. Aquí hay un fragmento de código: const area = d3.area() .interpolate(‘cardinal’) .x(d => xScale(parseTime(d.data.date))) .y0(d => yScale(d[0] || 0)) .y1(d => yScale(d[1] || 0)); const stack = d3.stack() .keys(categories) .order(d3.stackOrderReverse) .offset(d3.stackOffsetNone); if (data.length > 0) { […]

Almacenar filtros dc.js en URI y restaurarlos

Aquí seleccioné 3 filtros 1 de cada gráfico y pegué esa url codificada en url param. pero cuando presiono el botón de deencoding de URL, solo se vuelven a dibujar los filtros del cuadro intermedio, pero no el rest una vez. Gracias function encodeFunction() { var filters = []; for (var i = 0; i […]

Ocultar nodos principales no relacionados pero nodo hijo en D3.js

Intento hacer esto en D3.js pero no puedo encontrar la forma de hacerlo. Lo que quiero hacer es, cuando una persona hace clic en el nodo raíz (nivel 0), debe mostrar los elementos secundarios (nivel 1). Cuando una persona hace clic en uno de los nodos secundarios (nivel 1) debe mostrar sus hijos (nivel 2) […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.