<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
content="
width
=
device
-width,
initial-scale
=
1
.0" />
</
script
>
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
style
>
div {
line-height: 15px;
float: left;
padding: 10px;
word-wrap: break-word;
margin-left: 10px;
height: 200px;
width: 300px;
}
</
style
>
</
head
>
<
body
>
<
h2
style
=
"color:green;"
>Geeks for geeks</
h2
>
<
p
>continuous.rangeRound() Function </
p
>
<
script
>
var continuous = d3.scaleLinear()
// Domain ranges -10, 0, 10
.domain([-10, 0, 10])
// Range for the domain
.range([10, 20, 30, 40, 50, 60, 70, 80, 90])
.interpolate(d3.interpolateRound);
document.write("<
br
/><
div
>");
document.write(
"<
p
> With range().interpolate(d3.interpolate.Round)");
document.write("<
h3
>" + continuous(10) + "</
h3
>");
document.write("<
h3
>" + continuous(2) + "</
h3
>");
document.write("<
h3
>" + continuous(11.5) + "</
h3
>");
document.write("<
h3
>" + continuous(-1) + "</
h3
>");
document.write("<
h3
>" + continuous(1.15) + "</
h3
>");
document.write("<
h3
>" + continuous(5) + "</
h3
></
div
>");
var continuous = d3.scaleLinear()
// Domain ranges -10, 0, 10
.domain([-10, 0, 10])
// Range for the domain
.rangeRound([10, 20, 30, 40, 50, 60, 70, 80, 90])
document.write("<
br
/><
div
>");
document.write("<
p
> With rangeRound()");
document.write("<
h3
>" + continuous(10) + "</
h3
>");
document.write("<
h3
>" + continuous(2) + "</
h3
>");
document.write("<
h3
>" + continuous(11.5) + "</
h3
>");
document.write("<
h3
>" + continuous(-1) + "</
h3
>");
document.write("<
h3
>" + continuous(1.15) + "</
h3
>");
document.write("<
h3
>" + continuous(5) + "</
h3
></
div
>");
</
script
>
</
body
>
</
html
>