D3.js transpose() Function
Last Updated :
19 Jul, 2020
The transpose() function in D3.js is used to return the transpose of a 2D array. This function helps to visualize the data and making graphs and charts.
Syntax:
d3.transpose(Matrix);
Parameters: This function accept a single parameter as mentioned above and described below:
- Matrix: This parameter holds a matrix as a 2d array
Return value: It returns an array or the matrix.
Below given are a few examples of transpose function.
Example 1: Without using zip function to form a matrix.
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 >
< script type = "text/javascript"
</ script >
< script >
console.log(d3.transpose([[1,2,3],[4,5,6]]))
</ script >
</ body >
</ html >
|
Output:
Example 2: Using zip function to form a matrix.
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 >
< script type = "text/javascript"
</ 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 >
|
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Mozilla Firefox
- Safari
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...