How to make ticks display more reasonably in BarX

[Kiss-World]

y axis is too many

https://observablehq.com/d/0af4406113fad5e6

[that-ambuj]

Removing the height option in the plot would give it enough room to breath, but it'll take the whole page.

You could also set y interval to some high number but some of your data points would be rounded, i guess.

Something like this:

Plot.plot({
  y: { interval: 10 }
});

[Fil]

For a continuous y axis (instead of categorical), use rect + bin instead of bar + group:

   Plot.rectX(population, Plot.binY({x:'sum', interval: 1},{ …

[mbostock]

To illustrate the options described by @Fil and @that-ambuj, here is what rect + bin would look like:

Plot.plot({
  height: 500,
  x: {
    label: "← men · population (thousands) · women →",
    labelAnchor: "center",
    tickFormat: Math.abs
  },
  marks: [
    Plot.rectX(
      population,
      Plot.binY(
        { x: "sum" },
        {
          x: (d) => d.population * (d.sex === "M" ? -1 : 1),
          y: "age",
          fill: "sex",
          interval: 1
        }
      )
    )
  ]
})

And here is what the interval option would look like (also using reverse to put zero at the bottom since ordinal y scales otherwise put the first value on top by default):

Plot.plot({
  height: 500,
  x: {
    label: "← men · population (thousands) · women →",
    labelAnchor: "center",
    tickFormat: Math.abs
  },
  y: {
    interval: 1,
    reverse: true
  },
  marks: [
    Plot.barX(
      population,
      Plot.groupY(
        { x: "sum" },
        {
          x: (d) => d.population * (d.sex === "M" ? -1 : 1),
          y: "age",
          fill: "sex"
        }
      )
    )
  ]
})

[Kiss-World]

Cool, thank you very much