Question

95

rated 0 times [ 102] [ 7] / answers: 1 / hits: 42166 / 8 Years ago, tue, may 31, 2016, 12:00:00

I see a lot of D3 code that has something like this:

var x = d3.scale.ordinal()

  .rangeRoundBands([0, width], .1);

As of D3 version 4.0 d3.scale.ordinal() is now d3.scaleOrdinal and rangeRoundBands seems to be gone.

> d3.scaleOrdinal()



{ 

  [Function: scale]

  domain: [Function],

  range: [Function],

  unknown: [Function],

  copy: [Function] 

}

What would the D3 v4 equivalent of this code (from Mike Bostock's bar chart example) be?

var x = d3.scale.ordinal()

  .rangeRoundBands([0, width], .1);

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 64

Total Questions: 119

Total Answers: 98

Location: Burundi

Member since Sat, Aug 21, 2021

3 Years ago

answered 8 Years ago sandra · Accepted Answer

In D3 4.x rangeRoundBands was moved to the new Band scale:

d3.scaleBand()

    .range([range])

    .round([round]);

That's equivalent to:

d3.scaleBand()

    .rangeRound([range]);