I’m trying to draw a map (polygons of the districts of a city) using d3js. And all I get is a beige rectangle.

I have two time series data, plotted on a line diagram, using D3 curves. The original data is like the following (when are actual Date objects):

I’ve tried to follow Visualcinnamon Guide on how to achieve this, it’s a bit outdated and I can’t make it to work.

Is it possible to center my text vertically in the ARC`s?
If you look at my example, you can see that the text in the first ring has a lot of space at the top and is not centered correctly.