Categoría: D3.js

D3.js node.propiedad de profundidad

Posted on by Rudeus Greyrat

La propiedad D3.js node. depth devuelve Sintaxis: node.depth Valor devuelto: esta propiedad devuelve 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″},                 {«name»:»GFG4″}             ]         }         var root = d3.hierarchy(data);         console.log(root.children[0].depth);     </script> </body>    </html> … Continue reading «D3.js node.propiedad de profundidad»

Función D3.js geoGinzburg8()

Posted on by Rudeus Greyrat

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 geoGinzburg8() en d3.js se usa para dibujar la proyección Ginzburg VIII. Sintaxis:  d3.geoGinzburg8() Parámetros: este método no acepta ningún parámetro. Valor devuelto: este … Continue reading «Función D3.js geoGinzburg8()»

Función D3.js arc.outerRadius()

Posted on by Rudeus Greyrat

La función arc.outerRadius() en la biblioteca d3.js se usa para establecer el radio exterior del arco producido. Toma un número que define el radio exterior del arco. Sintaxis: arc.outerRadius([radius]); Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación. radio: Esto define el tamaño del radio exterior del arco. … Continue reading «Función D3.js arc.outerRadius()»

Método D3.js curveCatmullRomOpen()

Posted on by Rudeus Greyrat

d3.curveCatmullRomOpen() y Sintaxis: d3.curveCatmullRomOpen() 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=»200″ height=»200″></svg>     </center>        <script>         var data = [             { x: … Continue reading «Método D3.js curveCatmullRomOpen()»

Método D3.js stack.value()

Posted on by Rudeus Greyrat

método stack.value() t Sintaxis: stack.value([value_func]) Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación: value_func: esta es una función que devuelve el valor asociado con la clave. Valor de retorno: este método no tiene valor de retorno. Ejemplo:  HTML <!DOCTYPE html> <html>    <head>     <meta charset=»utf-8″>     <script src= … Continue reading «Método D3.js stack.value()»

Función D3.js geoAzimuthalEqualArea()

Posted on by Rudeus Greyrat

La función geoAzimuthalEqualArea() en d3.js se usa para dibujar la proyección de áreas iguales azimutales de Lambert a partir de los datos geojson proporcionados. Es una proyección que trata de mantener las características del terreno en sus tamaños relativos correctos mientras mantiene el sentido correcto de dirección desde el centro. El mundo aquí se proyecta … Continue reading «Función D3.js geoAzimuthalEqualArea()»

Método D3.js pares()

Posted on by Rudeus Greyrat

Con la ayuda del método d3.pairs() , podemos obtener la array de los iterables donde los elementos adyacentes que son el «i»-ésimo elemento y el (i-1)-ésimo elemento pasan a través de la función reductora para obtener el resultado. Sintaxis: d3.pairs(iterable[, reducer]) Valor de retorno: devolverá la array única de pares reducidos. Nota: Para ejecutar los … Continue reading «Método D3.js pares()»

Método D3.js curveBasisOpen()

Posted on by Rudeus Greyrat

produce splines cúbicos donde Sintaxis: d3.curveBasisOpen() Parámetros: Este método no toma parámetros Valor devuelto: este método no devuelve nada. 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 = [             { … Continue reading «Método D3.js curveBasisOpen()»

Función D3.js zoom.translateExtent()

Posted on by Rudeus Greyrat

La función zoom.translateExtent() en D3.js se usa para establecer la extensión de traducción en la array de puntos especificada [[esquina superior izquierda, esquina inferior derecha]] y devuelve este comportamiento de zoom. Sintaxis: zoom.translateExtent([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 se utiliza para … Continue reading «Función D3.js zoom.translateExtent()»

Función D3.js log.interpolate()

Posted on by Rudeus Greyrat

La función log.interpolate() se usa para establecer la fábrica de interpoladores de rango que se usa para crear los interpoladores para cada par de valores de los rangos adyacentes. Si no se especifica la fábrica, devuelve la fábrica interpoladora actual de la báscula. Sintaxis: log.interpolate(interpolate); Parámetros: esta función acepta un solo parámetro como se mencionó … Continue reading «Función D3.js log.interpolate()»