Preguntas etiquetadas con d3.js

Supongamos que tengo un script de histograma que crea un gráfico de 960 500 svg. ¿Cómo hago que esto responda para cambiar el tamaño de los anchos gráficos y las alturas dinámicas? <script> var n = 10000, // number of trials m = 10, // number of random variables data …

224 javascript  responsive-design  d3.js 

Tengo un fragmento de código JavaScript que crea (usando D3.js) un svgelemento que contiene un gráfico. Quiero actualizar el gráfico en función de los nuevos datos provenientes de un servicio web que utiliza AJAX, el problema es que cada vez que hago clic en el botón de actualización, genera uno …

200 javascript  ajax  svg  d3.js 

¿Alguien puede explicar la diferencia entre datum () y data () en D3.js? Veo que ambos se usan y no estoy seguro de por qué debería elegir uno sobre el otro.

199 javascript  d3.js 

Estoy dibujando un diagrama de dispersión con d3.js. Con la ayuda de esta pregunta: Obtenga el tamaño de la pantalla, la página web actual y la ventana del navegador Estoy usando esta respuesta: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || …

183 javascript  d3.js 

Tengo un conjunto de datos que estoy trazando en una dispersión. Cuando pase el mouse sobre uno de los círculos, me gustaría que aparezca con datos (como valores x, y, tal vez más). Esto es lo que intenté usar: 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)}) …

162 tooltip  mouseover  d3.js 

Actualmente en d3 si tiene un objeto geoJSON que va a dibujar, debe escalarlo y traducirlo para obtener el tamaño que desee y traducirlo para centrarlo. Esta es una tarea muy tediosa de prueba y error, y me preguntaba si alguien sabía una mejor manera de obtener estos valores. Entonces, …

140 d3.js  geojson  topojson 

Soy nuevo en D3.js, empecé a aprender solo hoy Miré el ejemplo del donut y encontré este código var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Busqué documentación , pero no entendí lo que .append("g")se …

129 javascript  d3.js 

Necesito saber exactamente el ancho y la altura de un gelemento arbitrario en mi SVGporque necesito dibujar un marcador de selección a su alrededor una vez que el usuario ha hecho clic en él. Lo que he visto en internet es algo así como: d3.select("myG").style("width"). El problema es que el …

120 javascript  d3.js 

Estoy tratando de elegir la tecnología correcta para usar para actualizar un proyecto que básicamente muestra miles de puntos en un gráfico ampliable y panorámico. La implementación actual, que utiliza Protovis, tiene un rendimiento inferior. Compruébalo aquí: http://www.planethunters.org/classify Hay alrededor de 2000 puntos cuando se aleja completamente. Intente usar las …

114 html  canvas  svg  d3.js  kineticjs 

¿Alguien puede recomendar una biblioteca de Python que pueda realizar una visualización interactiva de gráficos? Específicamente, quiero algo como d3.js, pero pythonidealmente también sería 3D. He mirado: NetworkX : solo hace Matplotlibgráficos y esos parecen ser 2D. No vi ningún tipo de interactividad, como una que d3.jsda, como tirar de …

110 python  graph  d3.js  graph-tool 

¿Cuál es la diferencia entre el atributo x y dx de svg (o y y dy)? ¿Cuándo sería el momento adecuado para utilizar el atributo de desplazamiento del eje (dx) frente al atributo de ubicación (x)? Por ejemplo, he notado muchos ejemplos de d3 haciendo algo como esto chart.append("text") .attr("x", …

106 svg  d3.js 

Cerrado. Esta pregunta no cumple con las pautas de Stack Overflow . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que esté relacionada con el tema de Stack Overflow. Cerrado hace 6 años . Mejora esta pregunta ¡Vi D3.jsy me interesó, así que compré este libro …

104 javascript  d3.js  data-visualization 

Refiriéndose a este ejemplo: http://vallandingham.me/stepper_steps.html parece que las bibliotecas D3 y jQuery son muy similares en el sentido de que ambas manipulan DOM en una forma de encadenamiento de objetos. Tengo curiosidad por saber qué funciones hace D3 más fácil que jQuery y viceversa. Hay muchas bibliotecas de visualización y …

103 javascript  jquery  d3.js 

Necesito hacer un método FadeOut (similar a jQuery) usando D3.js . Lo que tengo que hacer es establecer la opacidad en 0 usando transition(). d3.select("#myid").transition().style("opacity", "0"); El problema es que necesito una devolución de llamada para darme cuenta de cuándo ha finalizado la transición. ¿Cómo puedo implementar una devolución de …

98 javascript  d3.js  transition 

¿Cómo agrego etiquetas de texto a los ejes en d3? Por ejemplo, tengo un gráfico lineal simple con un eje xey. En mi eje x, tengo marcas del 1 al 10. Quiero que la palabra "días" aparezca debajo para que la gente sepa que el eje x está contando días. …

94 javascript  d3.js  axis-labels