La función transpose() en D3.js se usa para devolver la transposición de una array 2D. Esta función ayuda a visualizar los datos y hacer gráficos y tablas.
Sintaxis:
d3.transpose(Matrix);
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- Array: este parámetro contiene una array como una array 2d
Valor devuelto: Devuelve un array o la array.
A continuación se dan algunos ejemplos de la función de transposición.
Ejemplo 1: Sin usar la función zip para formar una array.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D3.js transpose() Function</title> </head> <body> <!--Fetching from CDN of D3.js--> <script type = "text/javascript" src = "https://d3js.org/d3.v4.min.js"> </script> <script> console.log(d3.transpose([[1,2,3],[4,5,6]])) </script> </body> </html>
Producción:
Ejemplo 2: Uso de la función zip para formar una array.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<title>D3 transpose() Function</title>
</head>
<body>
<!--Fetching from CDN of D3.js-->
<script type = "text/javascript"
src = "https://d3js.org/d3.v4.min.js">
</script>
<script>
console.log("Making matrix using zip function: ")
let m=d3.zip(["a","b","s"],["c","d","h"],["e","f","g"]);
console.log("Original Matrix: ",m)
console.log("Transpose matrix: ",d3.transpose(m))
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Mozilla Firefox
- Safari
- Ópera