Preguntas etiquetadas con d3.js

Tengo una serie de rectángulos svg (usando D3.js) y quiero mostrar un mensaje al pasar el mouse, el mensaje debe estar rodeado por un cuadro que actúa como fondo. Ambos deben estar perfectamente alineados entre sí y con el rectángulo (arriba y centrado). ¿Cuál es la mejor manera de hacer …

92 javascript  svg  d3.js  tooltip 

Primera pregunta sobre Stack Overflow, ¡así que tengan paciencia conmigo! Soy nuevo en d3.js, pero siempre me ha sorprendido lo que otros pueden lograr con él ... ¡y casi igual de asombrado por los pocos avances que he podido hacer con él! Claramente no estoy asimilando algo, así que espero …

89 javascript  d3.js  force-layout 

¿Cuál es la diferencia entre GeoJSON y TopoJSON y cuándo usaría uno sobre el otro? La descripción de TopoJSON en GitHub implica que los archivos TopoJSON son un 80% más pequeños. Entonces, ¿por qué no usar TopoJSON todo el tiempo?

89 d3.js  gis  geojson  topojson 

¿Cuál es la diferencia entre forEachy eachen D3js?

88 javascript  d3.js 

Cerrado . Esta pregunta debe estar más enfocada . Actualmente no acepta respuestas. ¿Quieres mejorar esta pregunta? Actualice la pregunta para que se centre en un solo problema editando esta publicación . Cerrado hace 4 días . Mejora esta pregunta He usado chart.js en mis proyectos varias veces pero nunca …

88 javascript  d3.js  charts  chart.js 

TLDR: ¿Alguien tiene experiencia con protovis y D3.js para aclarar las diferencias entre los dos? He estado jugando con protovis durante las últimas 2 semanas y hasta ahora ha sido genial. Excepto que ahora parece que me he estrellado contra una pared de ladrillos con animación. protovis: http://vis.stanford.edu/protovis/ Quiero hacer …

84 javascript  protovis  d3.js 

Estoy tratando de aprender d3 con el libro Visualización web interactiva, pero muchas cosas han cambiado con la versión 4.0. Una cosa que realmente no puedo entender es si hay un equivalente para d3.scale.category10 () para obtener un mapeo fácil de colores. ¿Hay algo así en la nueva versión o …

82 d3.js 

¿Cuál es una forma eficaz de llevar un elemento SVG a la parte superior del orden z, utilizando la biblioteca D3? Mi escenario específico es un gráfico circular que resalta (agregando un strokeal path) cuando el mouse está sobre una pieza determinada. El bloque de código para generar mi gráfico …

81 javascript  svg  d3.js 

Soy nuevo en la codificación d3 y svg y estoy buscando una forma de rotar texto en el eje x de un gráfico. Mi problema es que, por lo general, los títulos de xAxis son más largos que las barras del gráfico de barras. Así que estoy buscando rotar el …

81 text  svg  transform  d3.js 

No puedo entender cómo funciona d3.call () y cuándo y dónde usarlo. Aquí está el enlace del tutorial que estoy tratando de completar. ¿Alguien puede explicar específicamente qué está haciendo esta pieza? var xAxis = d3.svg.axis() .scale(xScale) .orient("bottom"); svg.append("g").call(xAxis);

81 javascript  d3.js 

D3 tiene una fuerza dirigida diseño aquí . ¿Hay alguna forma de agregar zoom a este gráfico? Actualmente, pude capturar el evento de la rueda del mouse, pero no estoy realmente seguro de cómo escribir la función de redibujo en sí. ¿Alguna sugerencia? var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) …

80 javascript  jquery  d3.js  zoom  force-layout 

Tengo un csv de 7 millones de registros de biodiversidad donde los niveles de taxonomía son como columnas. Por ejemplo: RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris Quiero crear una visualización en D3, pero el formato de datos debe ser una red, donde cada valor diferente de la columna …

27 javascript  python  d3.js  data-visualization  hierarchical-data 

Tengo este conjunto de datos que tiene puntos suspensivos, más específicamente "sobres" de elipse. Me preguntaba si alguien tenía consejos sobre cómo podría dibujarlos en un mapa D3. Ya tengo una configuración de mapa con proyección de mercator. Esta respuesta de stackoverflow tiene una función createEllipse que me acercó, pero …

16 javascript  d3.js  geospatial 

Tengo el siguiente gráfico d3 / d3fc https://codepen.io/parliament718/pen/BaNQPXx El gráfico tiene un comportamiento de zoom para el área principal y un comportamiento de zoom separado para el eje y. El eje y se puede arrastrar para reescalar. El problema que tengo problemas para resolver es que después de arrastrar el …

11 d3.js  d3fc 

TypeError no capturado: t.rgb no es una función Creé una aplicación angular, la construí y estoy intentando servirla $ ng serve --prod --aot Esto produce el siguiente error en la consola Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at …

10 javascript  angular  d3.js