Is there an example of centering a globe on coordinates with Plot?

Community Help
1

I’m loving this cheatsheet here on Plot’s mapping features

One question that jumped into my head for a project I’m working on: Is there a helper or example snippet that shows how you might calculate the rotate setting’s Euler angles given a coordinate pair.

My use case is that I’d like to add a single point to a small globe, and have the view of globe centered on that same point. I don’t see an easy way to do that now. And I’m not smart enough about Euler to know the formula for the conversion.

Is there an example of someone sorting it out? Would this make sense as a helper to include in the library?

1 Like
2

Negate the coordinates to produce the rotation.

So if Tokyo, Japan is at 35.6762° N, 139.6503° E, that corresponds to a [longitude, latitude] of [139.6503, 35.6762]. To rotate the projection to place Tokyo at 0° N, 0° E, you’d use a rotation of [-139.6503, -35.6762].

untitled (94)
untitled (94)1280×1280 173 KB 

Plot.plot({
  height: 640,
  inset: 1,
  projection: { type: "orthographic", rotate: [-139.6503, -35.6762] },
  marks: [globe, Plot.dot([[139.6503, 35.6762]], { fill: "red" })]
})
2 Likes
3

Well that’s a lot easier than I expected! Thanks for the tip. It’s appreciated.

1 Like
4

For anyone who comes behind me, I worked out my demo here: Interactive locator map / Ben Welsh | Observable

2 Likes