Estoy usando d3 para diseñar un gráfico de mapa de burbujas. Estoy luchando para agregar la retícula detrás del mapa. Está dibujando el objeto de retícula pero está vacío. ¿Puede alguien por favor ayudarme?

Específicamente, el código que estoy usando para dibujar la retícula es el siguiente

 // Map and projection var projection = d3.geoGringortenQuincuncial() .center([0,20]) // GPS of location to zoom on .scale(150) // This is like the zoom .translate([ width/2, height/2 ]) // Create and configure a path generator var pathGenerator = d3.geoPath() .projection(projection); // Create and configure the graticule generator (one line every 20 degrees) var graticule = d3.geoGraticule() //.step([1, 1]); // Graticule lines (behind the land) var lines = svgmap.selectAll('path.graticule').data([graticule()]); lines.enter().append('path').classed('graticule', true); lines.attr('d', pathGenerator); lines.exit().remove();