<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
/>
<
meta
name
=
"viewport"
path1tent="
width
=
device
-width,
initial-scale
=
1
.0" />
<
title
>Geeks for geeks</
title
>
</
script
>
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
style
>
body {
line-height: 5px;
text-align: center;
}
h2 {
color: green;
}
h3 {
line-height: 10px;
}
</
style
>
</
head
>
<
body
>
<
h2
>Geeks for geeks</
h2
>
<
p
>quantize.invertExtent() Function </
p
>
<
script
>
var object = d3.scaleQuantize()
// Value from 1 to 10 decides
// which value to output
.domain([1, 10])
.range([1, 2, 3, 4, 5, 6, 7,
8, 9, 10, 11, 12]);
document.write("<
br
/>");
document.write("<
h3
>" +
object.invertExtent(1) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(2) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(3) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(4) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(5) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(6) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(7) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(8) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(9) + "</
h3
>");
document.write("<
h3
>" +
object.invertExtent(10) + "</
h3
>");
</
script
>
</
body
>
</
html
>