D3 - сопоставить даты с линейными маркерами на прямоугольнике SVG

Question

(я новичок в d3.js, заранее извините)

У меня есть горизонтальная SVG Rectangle, в которую я хотел бы добавить маркеры на основе относительной даты.Если левая сторона SVG Rectangle - это дата начала, правая сторона - это дата окончания, а любое значение в среднем значении меток представляет

Например:

var startDate = new Date();
var endDate = new Date();
endDate.setDate(startDate.getDate()+ 4);
var someOtherDate = new Date();
someOtherDate.setDate(startDate.getDate()+ 2);
var frequencies = [someOtherDate];

mapDates(d3.select("body").select("rect"), startDate, endDate, frequencies);


function mapDates(svgRect, startDate, endDate, frequencies) {
    // TODO
}