D3.js Orthographic projection and artifacts?

I have a problem with the representation of a geoJSON file (Milky Way).

It seems that the outlines in some cases (depending on rotation) are misinterpreted or actually closed in the wrong way. See attached screenshots and code https://codepen.io/anon/pen/wdYmqL where you can manually rotate the projection.

We also see the artifact in d3-sky ( https://github.com/ofrohn/d3-celestial ) here: http://armchairastronautics.blogspot.de/p/skymap.html

Does anyone know what's going on? Any solution? Thank;)

code:

var path = d3.geoPath()
         .projection(d3.geoOrthographic());

g.selectAll("path")
.data(milkyWayGeoJson.features)
.enter().append('path')
.attr("class", "mw")
.attr("d", path);

      

No problems Problem

+3


source to share





All Articles