La biblioteca JavaScript D3.js proporciona visualizaciones de datos interactivas para páginas web mediante HTML5, gráficos vectoriales escalables y hojas de estilo en cascada. La función geoSatellite() en d3.js se usa para dibujar la proyección del satélite (perspectiva inclinada). Sintaxis: d3.geoSatellite() Parámetros: este método no acepta ningún parámetro. Valor de retorno: este método crea la … Continue reading «Función D3.js geoSatellite()»
La función d3.padRadius() se usa para establecer el radio de la almohadilla en el arco. Si se proporciona el radio de la plataforma, establece el radio de la plataforma en la función o el número especificado y devuelve este generador de arco. Si no se proporciona el radio, devuelve el descriptor de acceso del radio … Continue reading «Función D3.js arc.padRadius()»
Con la ayuda del método d3.maxIndex() , podemos obtener el índice de valor que se encuentra como máximo en una array de números, strings o fechas. Podemos usar cualquier tipo de array, solo obtuvimos el índice de valor máximo usando este método. Sintaxis: d3.maxIndex( iterable ) Parámetro: Esta función tiene el siguiente parámetro como se … Continue reading «Método D3.js maxIndex()»
El d3.symbolCircle es un tipo de símbolo en D3.js. Es un Sintaxis: d3.symbolCircle Ejemplo 1: HTML <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <script src= «https://d3js.org/d3.v5.min.js»> </script> </head> <body> <h1 style=»text-align: center; color: green;»> GeeksforGeeks </h1> <h3 style=»text-align: center;»> D3.js | symbolCircle </h3> <center> <svg id=»gfg» width=»100″ height=»100″></svg> </center> <script> … Continue reading «D3.js Símbolo symbolCircle Propiedad»
La propiedad D3.js node.parent devuelve Sintaxis: node.parent Valor devuelto: esta propiedad devuelve Ejemplo 1: en este ejemplo, este método devolverá un valor nulo debido al Node raíz. 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»:»GFG1″} var root = d3.hierarchy(data); console.log(root.parent); </script> … Continue reading «Propiedad D3.js node.parent»
La función selection.transition() en D3.js se usa para obtener la nueva transición en la selección dada con el nombre especificado. La nueva transición solo es exclusiva con otras transiciones del mismo nombre. Sintaxis: selection.transition([name]) Parámetros: Esta función acepta el siguiente parámetro como se mencionó anteriormente y se describe a continuación: nombre: este parámetro es la … Continue reading «Función D3.js selección.transición()»
d3.curveCatmullRomClosed() y Sintaxis: d3.curveCatmullRomClosed() Parámetros: este método no acepta ningún parámetro. Valor devuelto: este método no devuelve ningún valor. Ejemplo 1: HTML <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <script src= «https://cdnjs.cloudflare.com/ajax/libs/d3/4.2.2/d3.min.js»> </script> </head> <body> <h1 style=»text-align:center; color:green;»> GeeksforGeeks </h1> <center> <svg id=»gfg» width=»250″ height=»250″></svg> </center> <script> var data = [ { x: … Continue reading «Método D3.js curveCatmullRomClosed()»
Método d3.stackOrderNone() Método ostack.keys(). Sintaxis: d3.stackOrderNone(series) Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación: serie: esta es la serie Valor devuelto: este método no devuelve ningún valor. Ejemplo: ordenar la pila usando la función d3.stackOrderNone(). HTML <!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <script src= «https://d3js.org/d3.v5.min.js»> … Continue reading «Método D3.js stackOrderNone()»
La función geoAzimuthalEquidistant() en d3.js se utiliza para dibujar la proyección equidistante azimutal a partir de los datos geojson proporcionados. Es una proyección de mapa donde todos los puntos en el mapa están a distancias correctas del punto central proporcionalmente. Además, todos los puntos del mapa están en la dirección correcta desde el punto central. … Continue reading «Función D3.js geoAzimuthalEquidistant()»
Con la ayuda del método d3.rollups() , podemos obtener la array anidada reducida en lugar del mapa de la estructura de datos iterables que tiene clave y valores. Sintaxis: d3.rollups(iterable, reduce, …keys) Valor de retorno: devolverá la array anidada reducida en lugar del mapa. Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca … Continue reading «Método acumulativo D3.js()»