The pow.ticks() function is used to return the count values from the scale’s domain. The values returned by ticks() lies in the domain. If the count is not given as a parameter then by default it is set to 10.
Syntax:
pow.ticks([count]);
Parameters: This function accepts a single parameter as mentioned above and described below.
- count: It is the number of equally spaced values which lie in the given domain.
Return Values: This function does not return anything.
Below given are a few examples of the function given above.
Example 1:
<!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>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h2 style="color: green;">Geeks for geeks</h2>
<p>pow.ticks() Function </p>
<script>
var pow = d3.scalePow()
.domain([0, 10])
.range([0, 10])
.ticks(8)
document.write("<h3>"+pow+"</h3>")
</script>
</body>
</html>
Output:
Example 2:
<!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>
<script src=
"https://d3js.org/d3-color.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-interpolate.v1.min.js">
</script>
<script src=
"https://d3js.org/d3-scale-chromatic.v1.min.js">
</script>
</head>
<body>
<h2 style="color: green;">
Geeks for geeks
</h2>
<p>pow.ticks() Function </p>
<script>
var pow = d3.scalePow()
.domain([-10, 10])
.range([0, 10])
.ticks(12)
document.write("<h3>"+pow+"</h3>")
</script>
</body>
</html>
Output:
