Interactive Charts Development Tutorials, Guides & Insights

Scales in D3.js map data values to visual values like pixel positions or colors.

const xScale = d3.scaleBand()
    .domain(d3.range(data.length))
    .range([0, width])
    .padding(0.1);

const yScale = d3.scaleLinear()
    .domain([0, d3.max(data)])
    .range([height, 0]);