Open In App

D3.js quantile.copy() Function

Last Updated : 26 Aug, 2020
Improve
Improve
Like Article
Like
Save
Share
Report

The quantile.copy() function returns the exact copy of the original scale. Any changes if made in either of the scale will not affect the other scale.

Syntax:

quantile.copy();

Parameters: This function does not accept any parameter.

Return Values: This function returns the copy of the original scale.

Below examples illustrate the quantile.copy() function in D3.js:

Example 1:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent=
        "width=device-width, initial-scale=1.0"/>
  
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
</head>
  
<body>
    <h2 style="color:green;">GeekforGeeks</h2>
  
    <p>quantile.copy() Function</p>
  
    <script>
        var quantile = d3.scaleQuantile()
            // Setting domain for the scale.
            .domain([1, 2, 15, 19])
            // Discrete range
            .range(["red", "green", "black", "blue"]);
        // Printing the output.
        document.write("<h3>Form original scale: </h3>");
  
        document.write("<span>quantile(1): " 
                + quantile(1) + "</span><br>");
        document.write("<span>quantile(15): " 
                + quantile(15) + "</span><br>");
        document.write("<h3>Form copy scale: </h3>");
        var copyscale = quantile.copy();
        document.write("<span>copyscale(1): " 
                + copyscale(1) + "</span><br>");
        document.write("<span>copyscale(15): "
                + copyscale(15) + "</span><br>");
    </script>
</body>
  
</html>


Output:

Example 2:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" path1tent=
        "width=device-width, initial-scale=1.0"/>
  
    <script src="https://d3js.org/d3.v4.min.js">
    </script>
</head>
  
<body>
    <h2 style="color: green;">GeekforGeeks</h2>
  
    <p>quantile.copy() Function </p>
  
    <script>
        var quantile = d3.scaleQuantile()
            // Setting domain for the scale.
            .domain([1, 2, 15, 19])
            // Discrete range
            .range(["red", "green", "black", "blue"]);
  
        // Printing the output.
        document.write("<h3>Form original scale: </h3>");
        document.write("<span>quantile(2): " 
                + quantile(2) + "</span><br>");
        document.write("<span>quantile(19): " 
                + quantile(19) + "</span><br>");
        document.write("<h3>Form copy scale: </h3>");
        // Changing th copy scale. 
        var copyscale = quantile.copy()
            .range([1.22, 11.5421, 2.2154, 3.2154]);
        document.write("<span>copyscale(2): " 
                + copyscale(2) + "</span><br>");
        document.write("<span>copyscale(19): " 
                + copyscale(19) + "</span><br>");
    </script>
</body>
  
</html>


Output:



Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads