3D globe visualization with d3js

[Rodolphe G]

Hello everyone,

I'm starting a project where I need to build an interactive map. I like the idea of d3js being pure js and readable, as opposed to flash, and found this visualization to be very interesting: https://bl.ocks.org/mbostock/4183330

However, before I dig deeper into this, I need to clear out a few newbie question:

- Is this method "state of the art" d3js, or is it there competing methods to achieve 3d globes in d3?

- Can this demo be made interactive (users should be able to pan/roll the globe, and zoom in and out)?

- Can this demo be made to display sql query results in the shape of overlay circles, images, and great arcs?...

- ...as well as be used to query the database (a click on a country would send an sql query to the db)?

- Can I overlay layers from Natural Earth, like this demo: http://techslides.com/demos/d3/naturalearth.html, as well as legend?

I realize this is a lot to ask all at once, but any help is greatly appreciated!

Thanks!

[Japhy Bartlett]

You can certainly set up controls to manipulate the globe, and map whatever data sets onto it, however you'd like to layer them.  D3 is powerful because you can write pretty much whatever you can imagine.

You can set up controls for sending requests to a database through some kind of web server.  You cannot query most databases directly from a browser though, and d3 (or any javascript) can't do much about it.  A bit of python (or node, or ruby, etc) is the usual route to hook up the database for dynamic querying.  

If your data set is static and small enough you can just load it all into the browser and query it with map and reduce.

- Japhy

--
You received this message because you are subscribed to the Google Groups "d3-js" group.
To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Rodolphe G]

Thanks Japhy, thats great to hear!

To unsubscribe from this group and stop receiving emails from it, send an email to d3-js+un...@googlegroups.com.

[Curran]

This project https://earth.nullschool.net/ has a great D3-based globe with various data overlays.

The source is here https://github.com/cambecc/earth . This code is old (not what's showing live now), but I think the core globe implementation is there to draw from.

Best regards,

Curran

[Rodolphe G]

This looks fantastic, thanks a lot Curran