D3.js es una biblioteca de Javascript que se usa principalmente para documentos basados en datos. D3 hace uso de SVG como en HTML5. Muchas cosas además de hacer gráficos, agregar animaciones y visualizar datos se pueden hacer con d3.js. Las animaciones se pueden aplicar utilizando la función de transición d3.js que proporciona muchas funcionalidades como … Continue reading «¿Cómo aplicar animación en D3.js?»
La función zoom.clickDistance() en D3.js se usa para establecer la distancia máxima que el mouse puede moverse entre mousedown y mouseup que desenstringrá un evento de clic posterior. Sintaxis: zoom.clickDistance([distance]) Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación distancia: Este parámetro es la distancia máxima. Valor devuelto: … Continue reading «Función D3.js zoom.clickDistance()»
La función selection.clone() se usa para clonar los elementos seleccionados e inserta estos clones inmediatamente después de los mismos elementos. Sintaxis: selection.clone([deep]); Parámetros: esta función acepta parámetros individuales como se mencionó anteriormente y se describe a continuación: deep: si deep es verdadero, los Nodes descendientes también se clonarán. Valor devuelto: Esta función devuelve el clon … Continue reading «Función D3.js selección.clon()»
La función zoom.scaleBy() en D3.js se usa para escalar la transformación de zoom actual de los elementos seleccionados por k. pags Sintaxis: zoom.scaleBy(selection, k[, p]) Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación: selección: Este parámetro puede ser de selección o de transición. k: este parámetro es un … Continue reading «Función D3.js zoom.scaleBy()»
La función d3.scaleDiverging() en D3.js se usa para construir y devolver una escala divergente con un dominio específico y un rango fijo. Las escalas divergentes son muy similares a las escalas continuas. La única diferencia es que el rango de salida de esta escala está fijado por el interpolador, por lo que el rango no … Continue reading «Función D3.js scaleDiverging()»
Las escalas secuenciales son muy similares a la escala continua. En una escala continua, el mapeo se realiza de forma continua entre dominio y rango. La única diferencia es que el rango de salida de esta escala está fijado por su interpolador y este rango no se puede cambiar. La función d3.scaleSequential() se usa para … Continue reading «Función D3.js scaleSequential()»
La función Continuous.copy() se usa para crear y devolver una copia exacta de la escala dada. Cualquier cambio en la escala original no afectará la escala de devolución y viceversa. Sintaxis: continuous.copy(); Parámetros: Esta función no acepta ningún parámetro. Valor devuelto: esta función devuelve una copia de la escala original. Los siguientes ejemplos ilustran la … Continue reading «D3.js función continua.copia()»
El interpolador lineal de curvas crea múltiples líneas eligiendo puntos que crean líneas rectas entre cada par de puntos adyacentes en el conjunto de datos. El interpolador d3.curveLinear es el interpolador predeterminado que se usa cuando no se llama al método line.curve() . Sintaxis: d3.curveLinear() Parámetros: este método no acepta ningún parámetro Valor devuelto: este … Continue reading «Método D3.js curveLinear()»
La función d3.schemePuRd[] en D3.js se usa para devolver un color particular del esquema de color secuencial «PuRd» que se devuelve como una string HEX. Sintaxis: d3.schemePuRd[k] Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación. k: “k” es un número que va del 3 al 9. Valor … Continue reading «Función D3.js SchemePuRd[]»
La función band.round() se utiliza para establecer el redondeo como verdadero o falso, es decir, activa o desactiva el redondeo. Si la ronda es et verdadera, el inicio y la finalización de cada banda serán un número entero. Sintaxis: band.round([round]); Parámetros: esta función acepta parámetros individuales como se indicó anteriormente y se describe a continuación: … Continue reading «Función D3.js band.round()»