<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
path1tent="
width
=
device
-width,
initial-scale
=
1
.0"/>
<
title
>GeekforGeeks</
title
>
<
script
src
=
</
head
>
<
style
>
</
style
>
<
body
>
<
h2
style
=
"color:green"
> GeeksforGeeks </
h2
>
<
h4
> D3.js | diverging.copy() Function </
h4
>
<
script
>
var diverging =
d3.scaleDiverging(d3.interpolateSpectral);
// Default domain is used i.e [0, 1]
document.write(
"<
b
>From original scale: </
b
>");
document.write(
"<
p
>diverging(0.1): ", diverging(0.1) + "</
p
>");
document.write(
"<
p
>diverging(0.2): ", diverging(0.2) + "</
p
>");
document.write(
"<
b
>Change in copy scale does not"+
" effect original scale: </
b
>");
var divergingCopy = diverging.copy();
// Domain is changed to [10, 100]
divergingCopy.domain([10, 100])
document.write(
"<
p
>divergingCopy(0.1): ", divergingCopy(0.1) + "</
p
>");
document.write(
"<
p
>divergingCopy(0.2): ", divergingCopy(0.2) + "</
p
>");
</
script
>
</
body
>
</
html
>