Tag: d3.js

¿Cómo traducir ‘esto’ en JavaScript D3 a TypeScript?

Sé que ‘esto’ en JavaScript tiene un significado diferente al de TypeScript, según este artículo ‘this’ en TypeScript . Tengo el siguiente código en JavaScript que se utiliza para crear un trazo más grueso en el nodo seleccionado, y dar a todos los demás nodos un trazo más pequeño. node.on(‘click’, function (d) { d3.selectAll(‘circle’).attr(‘stroke-width’, 1.5); […]

¿Cómo transformar (rotar) svg elemento de texto sin cambiar las coordenadas?

Soy nuevo en este d3.js. Aquí estoy tratando de dibujar un gráfico de barras utilizando la biblioteca d3.v3.js. Aquí estoy enfrentando algunos problemas. He intentado incluir tags de medida en el eje y. Pero una vez que transforme las tags -90 grados su posición cambia automáticamente. Aquí está el código que estoy acostumbrado a dibujar: […]

Convertir el formato JSON a CSV para cargar la tabla de datos en R para producir un gráfico de burbujas D3

Estoy tratando de usar el D3 Bubble Chart en R para hacer mi propio gráfico de burbujas con colores de burbujas agrupados. He cargado los archivos index.html y flare.json de la D3 en R y se produjo el gráfico de burbujas cuando se ejecuta. Pero no quería cambiar manualmente este código JSON para crear mis […]

¿Cómo publico el parámetro en d3.json?

Estoy usando d3.json para obtener datos dynamics. d3.json(“/myweb/totalQtyService.do”, function(json) { drawChart(json); }); ¿Cómo publico el parámetro en d3.json? es decir datos: {año: “2012”, cliente: “tipo1”} ¿Alguna idea pasa ese parámetro por correo? no es el parámetro url /myweb/totalQtyService.do?year=2012&customer=type1 Lo intenté a continuación, pero no pude hacerlo funcionar. porque la estructura de datos tan diferente d3.json […]

Combina el color de la punta de flecha con el color de la línea en D3

Estoy tratando de hacer lo obvio de obtener los colores de punta de flecha de los enlaces de mi gráfico dirigido para que coincidan con los colores del borde. Sorprendentemente, no he encontrado una solución completa para hacer esto, aunque este post anterior parece ser un excelente punto de partida. Estaría bien con adaptar esa […]

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 […]

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