d3:scale-experiment

by Richard Hunter

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>

CSS

svg {
  background: #fff1e5;
}

JavaScript

const scale1 = d3.scaleLinear()
  .domain([0, 10])
  .range([0, 100]);

console.log(scale1(3)); 

const scale2 = d3.scaleLinear()
  .domain([0, 10])
  .range([100, 0]);

console.log(scale2(3));