Chrome D3 Topology Issue

The map below shows the city boundaries for the state in the United States. In FF and Safari, city boundaries are displayed correctly, but in Google Chrome, many boundary arcs are connected to the wrong nodes. My code follows an excellent tutorial here . The essence of my code, which displays the internal boundaries, is the culprit, and I tried to sort the functions of the topology, but this did not affect. Here is a snippet:

svg.append("path") .datum(topojson.mesh(maine, maine.objects.subunits, function(a, b) { return a !== b })) .attr("d", path) .attr("class", "subunit-boundary interior"); 

Full site example here

boundary topology error

+5
source share
1 answer

I believe your problem is related to this Chrome error:

Issue 364866: SVG stroke-dasharray hyphens on segments of a disabled (M) path .

Try removing the stroke-dasharray from your css. Hope you can live without dotted borders.

+5
source

Source: https://habr.com/ru/post/1202595/


All Articles