Articles of d3.js

Agregue texto / etiqueta a los enlaces en el gráfico dirigido por la fuerza D3

He estado trabajando en un gráfico de fuerza dirigida modificado y tengo algunos problemas para agregar texto / etiqueta en enlaces donde los enlaces no están alineados correctamente con los nodos. ¿Como arreglarlo? ¿Y cómo puedo agregar un detector de eventos a un elemento de texto SVG? Agregar .on(“dblclick”,function(d) {….} simplemente no funciona. Aquí está […]

Calmar el tic de inicial de un diseño de fuerza

Acabo de comenzar a incursionar con d3 y encontrar la curva de aprendizaje bastante empinada. El proceso es completamente diferente de lo que estoy acostumbrado, y las matemáticas están muy por encima de mi cabeza. De todos modos, mi proyecto consiste en un diseño de fuerza que representa un mapa de integraciones entre sistemas. Esta […]

Cargando datos D3.js desde una cadena JSON simple

La mayoría de los ejemplos en la galería cargan datos de archivos TSV. ¿Cómo puedo convertir lo siguiente para usar una variable json local en lugar de datos de TSV? d3.tsv(“data.tsv”, function(error, data) { var myEntitiesJson = getEntitiesJson(); // <—— use this instead of "data" data.forEach(function(d) { d.frequency = +d.frequency; }); x.domain(data.map(function(d) { return d.letter; […]

Diseño dirigido a la fuerza D3 con cuadro delimitador

Soy nuevo en D3 y tengo problemas para establecer los límites de mi diseño dirigido por fuerza. He logrado juntar (a partir de ejemplos) lo que me gustaría, pero necesito que se contenga el gráfico. En la función tick, una transformación / traducción mostrará mi gráfica correctamente, pero cuando uso cx y cy con Math.max […]

Los estilos en el componente para D3.js no se muestran en angular 2

Estoy usando Angular 2 y D3.js. Quiero mostrar un rectángulo rojo. Solo funciona si pongo estilos en el archivo style.css . Comprueba este plunkr Cuando coloco mis estilos en los styles: [] componente styles: [] , no funciona. Comprueba este plunkr Cómo dejarlo funcionar cuando uso los styles: [] componentes styles: [] ? Gracias ACTUALIZACIÓN: […]

Cómo convertir / guardar el gráfico d3.js a pdf / jpeg

Estoy trabajando en una función de cliente / javascript para guardar o convertir un gráfico D3-SVG existente en un archivo. He buscado mucho y he encontrado algunas recomendaciones, principalmente utilizando canvas.toDataURL() . No tengo en mi página, y en su lugar uso: d3.select(“body”).append(“svg”)…. También he intentado agregar SVG al pero no pasa nada . ¿Podría […]

Gráfica D3 Force Directed: ¿por qué no aparecen las banderas?

SITUACIÓN: Cada node debe tener su bandera correspondiente en él, ese no es el caso. CÓDIGO: body { font-family: Lato; background-color: #F5F5F5; } .title { margin-top: 30px; margin-bottom: 30px; } #results { text-align: center; } #results div { margin-top: 15px; } #results { background-color: white; margin: auto; width: 1200px; padding: 40px; box-shadow: 2px 2px 2px […]

dc.js: cómo crear un gráfico de filas a partir de múltiples columnas

Necesito crear un cuadro de barras en dc.js con entradas de varias columnas en un csv. Por lo tanto, necesito asignar una columna a cada fila y el número total de columnas al valor de la fila. Puede haber una solución obvia para esto, pero no puedo encontrar ningún ejemplo. muchas gracias S actualización: Aquí […]

Cargando archivo csv externo en jsfiddle

Intento crear un jsfiddle para uno de los ejemplos de dc.js. No puedo cargar un archivo externo usando una URL y d3.csv() . ¿Puede alguien sugerir cómo cargar un archivo csv usando d3.csv en jsfiddle?

dc.js – Escuchando para renderizar grupos de gráficos

Estoy tratando de refactorizar algunos códigos d3 personalizados que escribí para generar una serie de gráficos impulsados ​​por filtros cruzados mediante la incorporación de dc.js. Mi problema principal es que tengo algunos tipos de gráficos que no son compatibles con dc.js (por ejemplo, una partición Sunburst ) y estoy tratando de encontrar la forma de […]