<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
path1tent="
width
=
device
-width,
initial-scale
=
1
.0" />
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
h2
style
=
"color:green;"
>
GeeksforGeeks
</
h2
>
<
p
>D3.js log.copy() Function</
p
>
<
script
>
var log = d3.scaleLog()
.domain([1, 20])
.range([10, 20, 30, 40, 50, 60]);
// Using log.copy() Function
let logCopy = log.copy();
document.write("<
h3
>Original scale: "
+ log(15) + "</
h3
>");
document.write("<
h3
>Copy scale: "
+ logCopy(15) + "</
h3
>");
log.interpolate(d3.interpolateRound);
document.write("<
p
>Changes in original "
+ "scale does not affect copy scale.</
p
>");
document.write("<
h3
>Original scale: "
+ log(15) + "</
h3
>");
document.write("<
h3
>Copy scale: "
+ logCopy(15) + "</
h3
>");
</
script
>
</
body
>
</
html
>