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 geoBromley() en d3.js se utiliza para dibujar la proyección de Bromley, que también es una proyección de Mollweide modificada. Sintaxis: d3.geoBromley() Parámetros: este … Continue reading «Función D3.js geoBromley()»
La función geoAugust() en d3.js se usa para dibujar la proyección conforme epicicloidal de agosto de los datos geojson dados. Sintaxis: d3.geoAugust() Parámetros: este método no acepta ningún parámetro. Devoluciones: este método devuelve la proyección conforme epicicloidal de agosto. Ejemplo 1: El siguiente ejemplo dibuja la proyección conforme epicicloidal de agosto de Asia. HTML <!DOCTYPE … Continue reading «Función D3.js geoagosto()»
Con la ayuda del método d3.index() , podemos obtener el mapa con la clave como elemento, pero el cambio es que obtenemos el objeto como valores únicos en lugar de una array. Sintaxis: d3.index(iterable, …keys) Valor devuelto: Devuelve el mapa de objetos. Nota: Para ejecutar los ejemplos a continuación, debe instalar la biblioteca d3 utilizando … Continue reading «Método D3.js index()»
La función d3.zoom() en D3.js se usa para crear un nuevo comportamiento de zoom. Se utiliza para aplicar la transformación de zoom en un elemento seleccionado. Sintaxis: d3.zoom(); Parámetros: Esta función no acepta ningún parámetro. Valor devuelto: esta función devuelve el comportamiento del zoom. Los siguientes programas ilustran la función d3.zoom() en D3.js Ejemplo 1: … Continue reading «Función D3.js zoom()»
curvaCardenal() Sintaxis: d3.curveCardinal() 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> <meta charset=»utf-8″> <head> <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=»200″ height=»200″></svg> </center> <script> var data = [ { x: 0, y: … Continue reading «Método D3.js curveCardinal()»
El método d3.area.context() le permite representar el área en el contexto de un elemento de lienzo. El área se representará en el contexto actual cuando se invoque el generador. Podemos establecer el contexto de nuestra línea por nuestra cuenta usando este método como color, trazo, relleno, etc. El valor predeterminado es nulo. Sintaxis: d3.area.context(_context); Parámetros: … Continue reading «Método D3.js area.context()»
La función Continuous.range () en d3.js se usa para establecer el rango de la escala en la array de valores especificada que debe contener dos o más de dos valores. Los elementos en el rango pueden ser números o strings. Sintaxis: continuous.range([range]); Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se … Continue reading «Función D3.js continuo.range()»
El método line.y() . d3.line.y(); Parámetros: punto y: este método toma un punto y que se puede establecer desde la array de puntos. Valor devuelto: este método devuelve el punto de acceso y de la línea. Ejemplo 1: Establecer el punto y utilizando este método. Para los puntos x aquí hemos usado la función line.x(). … Continue reading «D3.js línea.y() Método»
La función d3.scaleThreshold() en D3.js se usa para crear y devolver una nueva escala de umbral que tiene el dominio y el rango especificados. El valor predeterminado de dominio es [0.5] y el de rango es [0, 1]. Sintaxis: d3.scaleThreshold( domain, range ) Parámetros: esta función acepta dos parámetros, como se indicó anteriormente y se … Continue reading «Función D3.js scaleThreshold()»
La función d3.schemePuOr[] es parte del esquema de color divergente en d3.js y se usa para devolver una string de color de código HEX que corresponde al color del esquema de color divergente «PuOr». Sintaxis: d3.schemePuOr[k]; Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación: k: Es cualquier … Continue reading «Función D3.js SchemePuOr[]»