Карта с гистограммой d3.js

Question

Я бы хотел изменить линию на столбцы, график основан на примере ссылка . У меня возникают трудности с использованием "прямоугольника" для рисования прямоугольника.

Я пытаюсь использовать несколько примеров, включая множество jsfidle.

Я пытался изменить:

          var time_scale = d3.time.scale()
          .range([0, width - margin])
          .domain(time_extent);

к этому:

          var x = d3.scaleBand()
          .range([0, width - margin])
          .domain(time_extent);

Я действительно ценю любую помощь.