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 geoVanDerGrinten2() en d3.js se usa para dibujar la proyección The Van der Grinten II. Sintaxis: d3.geoVanDerGrinten2() Parámetros: este método no acepta ningún parámetro. … Continue reading «Función D3.js geoVanDerGrinten2()»
Con la ayuda del método d3.group.get() , podemos obtener los valores del mapa resultante obtenido al agrupar una estructura de datos iterables. Sintaxis: d3.group.get( value ) Valor devuelto: Devuelve los valores del mapa. Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando este símbolo del sistema, debemos ejecutar el siguiente comando. … Continue reading «Método D3.js group.get()»
La función transform.invert() en D3.js se usa para obtener la transformación inversa del punto especificado, que es una array de números de dos elementos [x, y]. El punto devuelto es igual a [(x – t x ) / k, (y – t y ) / k]. Sintaxis: transform.invert( point ) Parámetros: Esta función acepta el … Continue reading «Función D3.js transform.invert()»
La propiedad d3.symbolSquare es un tipo de símbolo en D3.js. es de forma cuadrada Sintaxis: d3.symbolSquare 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 | symbolSquare </h3> <center> <svg id=»gfg» width=»100″ height=»100″></svg> … Continue reading «D3.js Símbolos symbolSquare Propiedad»
La función geoBerghaus() en d3.js se usa para dibujar la proyección Berghaus Dinomic a partir de los datos geojson dados. Esta es una proyección de mapa mundial azimutal en forma de estrella que no es conforme o de igual área. El número predeterminado de lóbulos en la forma de estrella utilizada es 5 y se … Continue reading «Función D3.js geoBerghaus()»
Con la ayuda del método d3.rollup() , podemos obtener el mapa reducido de la estructura de datos iterables que tiene clave y valores. Sintaxis: d3.rollup(iterable, reduce, …keys) Valor devuelto: Devolverá el mapa reducido de iterables. Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d 3 utilizando el símbolo del sistema para el … Continue reading «Método acumulativo D3.js() – Part 1»
El método areaRadial.innerRadius() se utiliza para establecer o devolver el descriptor de acceso innerRadius de areaRadial. Puede ser un número o una función que devuelva un número que represente el radio interno de nuestro radio de área. Sintaxis: areaRadial.innerRadius(inner_Rad); Parámetros: este método acepta un solo parámetro como se mencionó anteriormente y se describe a continuación: … Continue reading «Método D3.js areaRadial.innerRadius()»
La función zoom.scaleExtent() en D3.js se usa para establecer que la escala se extienda a la array de números especificada [k0, k1]. k0 es el factor de escala mínimo permitido y k1 es el factor de escala máximo permitido Sintaxis: zoom.scaleExtent([extent]) Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe … Continue reading «Función D3.js zoom.scaleExtent()»
La función selection.order() se usa para insertar la selección nuevamente de modo que el orden de cada grupo coincida con el orden de selección. Sintaxis: selection.order(); Parámetros: Esta función no acepta ningún parámetro. Valores devueltos: esta función no devuelve nada. Ejemplo 1: Usar el método selection.clone() sin usar el método selection.order(). HTML <!DOCTYPE html> <html … Continue reading «Función D3.js selección.order()»
La función brush.extent() en D3.js se usa para establecer la extensión que se puede aplicar a la array especificada de puntos x0 y0 x1 y1 x0 y0 x1 y1 y devuelve el pincel. Sintaxis: brush.extent([extent]); Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación extensión: este parámetro determina … Continue reading «Función D3.js brush.extent()»