D3.js es una biblioteca de JavaScript para producir visualizaciones de datos dinámicas e interactivas en navegadores web. Hace uso de los estándares Scalable Vector Graphics, HTML5 y Cascading Style Sheets. La función geoGinzburg5() en d3.js se usa para dibujar la proyección Ginzburg V. Sintaxis: d3.geoGinzburg5() Parámetros: este método no acepta ningún parámetro. Valor devuelto: este … Continue reading «Función D3.js geoGinzburg5()»
La propiedad node.height en D3.js devuelve Sintaxis: node.height Valor devuelto: esta propiedad devuelve Ejemplo 1: En este ejemplo, para el Node raíz al Node hoja la mayor distancia es 1, para el Node hoja la mayor distancia es 0. HTML <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <script src= «https://d3js.org/d3.v5.min.js»> </script> </head> <body> … Continue reading «Propiedad D3.js node.height»
La función geoBonne() en d3.js se usa para dibujar la proyección pseudocónica de áreas equivalentes de Bonne. La proyección de Bonne mantiene formas precisas de áreas a lo largo del meridiano central y el paralelo estándar, pero se distorsiona progresivamente alejándose de esas regiones. Hace una proyección de Bonne a partir de datos geo JSON … Continue reading «Función D3.js geoBonne()»
La función d3.interrupt() en D3.js se usa para interrumpir la transición activa del nombre especificado en el Node especificado y cancela cualquier transición pendiente con el nombre especificado. Esta función es similar a la función selection.interrupt() . Sintaxis: d3.interrupt(node[, name]) Parámetros: Esta función acepta el siguiente parámetro como se mencionó anteriormente y se describe a … Continue reading «Función de interrupción() de D3.js»
La función arc.endAngle() en la biblioteca d3.js se usa para establecer el ángulo de inicio del arco. Esta función establece el ángulo de inicio en una función o en un número entero. Sintaxis: arc.startAngle([angle]); Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación. ángulo: Toma un número que … Continue reading «Función D3.js arc.startAngle()»
La función ordinal.domain() en d3.js se usa para establecer el dominio para la escala ordinal. En este primer elemento del dominio se asigna al primer elemento del rango y el segundo elemento del dominio se asigna al segundo elemento del rango y así sucesivamente. Sintaxis: ordinal.domain([domain]); Parámetros: Esta función toma solo un parámetro como se … Continue reading «Función D3.js ordinal.domain()»
La función node.links() Sintaxis: node.links(); Parámetros: este método no acepta ningún parámetro. Valores de retorno: este método Ejemplo 1: HTML <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <script src= «https://d3js.org/d3.v5.min.js»> </script> </head> <body> <script> var data = { «name»:»GeeksforGeeks», «about»:»Computer Science Portal», «children»:[ {«name»:»GFG1″}, {«name»:»GFG2″}, {«name»:»GFG3″} ] } var root = d3.hierarchy(data); a=root.links(); … Continue reading «Función D3.js node.links()»
Con la ayuda del método Array.from() , podemos convertir el mapa en una array usando este método. Sintaxis: Array.from( map ) Valor de retorno: Devuelve una array de diferentes elementos. Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando el símbolo del sistema, debemos ejecutar el siguiente comando. npm install d3 … Continue reading «Método D3.js Array.from()»
Con la ayuda del método d3.shuffle() , podemos obtener la array aleatoria de valores de la array de origen utilizando el algoritmo de reproducción aleatoria de Fisher-Yates y devolver una sola array. Sintaxis: d3.shuffle(array[, start[, stop]]) Valor de retorno: devuelve una sola array que tiene valores de la array de origen. Nota: Para ejecutar los … Continue reading «Método aleatorio D3.js()»
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 es configurable. La función diverging.copy () en d3.js se usa para construir y devolver la copia exacta de la escala original. Cualquier … Continue reading «Función D3.js divergente.copy()»