D3.js: x-axis with variable interval between ticks
<p>I'm having an issue with the D3.js library. I'm trying to plot out chromosomal data in a graph where the x-axis represents the different chromosomes. This is easy enough done for barcharts etc.</p>

<p>However, I would like to plot linear data based on the chromosomal position. The size of the interval between the ticks should also correlate to the size of the chromosome.</p>

<p>My question is, which scale should I use? I don't think a linear scale would fit this purpose. I've read something about threshold scales, but I don't know if this is the best option. Does anyone have a better idea?</p>

<p>Thanks!
M</p>

<p>tl;dr: I need an x-axis with variable intervals between the ticks, based on linear data, how do I go about it?</p>

<p>EDIT: Image with example</p>

<p><a href="https://i.stack.imgur.com/qSUi5.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qSUi5.jpg" alt="example image"></a></p>