d3.geo

Having fun with D3 geo orthographic projection to build an interactive globe, based on all the great examples I found. You can see my simple mockup at http://bl.ocks.org/patricksurry/5721459 I want the user to manipulate the globe like a trackball ( http://www.opengl.org/wiki/Trackball ). I started with one of Mike's examples ( http://mbostock.github.io/d3/talk/20111018/azimuthal.html ), and improved slightly to use canvas coordinates and express the mouse locations in 'trackball coordinates' (i.e. rotation around canvas horizontal and vertical axes) so that a fixed mouse movement gives more

I have created a map using d3.js. I want to show a curved line between two locations. I am able to show a line, but sometimes it does not form a perfect curve. For some lines, the lines curve behind the map (across the anti-meridian) to their destination. Here's a code pen demonstrating the problem: https://codepen.io/peeyush-pant/pen/WqbPax And an image: Here's my projection data: var projection = d3.geoEquirectangular(); var path = d3.geoPath() .projection(projection); And here's how I draw the lines: arcGroup.selectAll("myPath") .data(links) .enter() .append("path") .attr("class", "line")

I have been following this block example to show nodes and paths as landmarks and roads. I have successfully loaded the map and I am able to zoom in enough to a "street view" level. I have also successfully added nodes following the example. My problem, however, is that my paths are mostly straight PointA-to-PointB paths. I have been implementing them as M(sourcex),(sourcey)L(targetx),(targety) before I added the map. Now, the paths won't show up unless the width was set to EXACTLY 0.9 / zoom.scale() which does not work for me. I need the paths to vary in width depending on data but even