topojson-client | Manipulate TopoJSON , such as to merge shapes

I've got Uncaught TypeError: Cannot read property 'join' of null in the line translate(${projection([longitude, latitude]).join(",")}). I've already checked that my var locations has data in it:

So, can't understand where is the problem?

Full js-code:

I am trying to recreate this draggable globe from Mike Bostock using D3 but as a svg version. Due to performance issues while dragging I am re-rendering the globe. So far so good. Now I want to implement a click event but it doesn't work. Here it is mentioned that the problem might be the re-appending. A mousedown event is working fine but interferes with the dragging later on. Why is the mousedown event working and the click event not? Hints for restructuring the code to solves this are highly appreciated.

I created a Fiddle for better understanding: Fiddle

PS. I am new to programming and D3, so please don't be too harsh :)

HTML:

I'm a D3 beginner and I want to use this d3 element into my Vue.js component. The problem here is that the periodic rotation I need does not work. It starts looping errors of null on the element projection that is globally defined. It seems that the first time works but in the second one the object is no longer defined.

Here's the code:

I'm rendering a geoAlbersUSA SVG map using d3-geo and topojson-client - as shown below - but I'm trying to do something fancy when a user clicks on the path. I would like to scale and translate the underlying path, in this case Idaho or Virginia, so that the state "floats" above the United States, but is still centered on the centroid. Every time I try to simply scale the element it ends up many pixels away; is there a way to calculate a translate() that corresponds to how much you have scaled the element?

Please forgive the naive question; I'm new to Typescript. In javascript, I can use topojson.mesh to create a mesh object like this:

I'm pretty new to D3 so I'm sorry if this is redundant with other posts. I'm attempting to make a map with points that the user selects by clicking on a barplot. Currently I have a map of the world, and the points enter and exit based on the clicked bar. I was wondering how to also include a zoom effect that would crop the globe to only include the point area of the selected bar. For instance: the first bar should result in a map of the United States of America.

I've got the lovely topojson library working for me in a Rails app locally:

https://github.com/topojson/topojson

and it's allowing us to show some nice geoJSON in a google map like so:

I show it with the map.js file exposed, since that seems to be where the trouble is when we deploy to heroku. On heroku the map.js file gives an error on chrome:

maps-....js:27 Uncaught SyntaxError: Unexpected token export

and a similar error (although on a different line) on firefox:

SyntaxError: export declarations may only appear at top level of a module maps-...js:1

I've been in touch with heroku support who suggested locking down our npm version, as it seems like the minified js file is ending up with slightly different content locally than on heroku. I note that I've done everything I can to replicate production mode locally, clobbering and recompiling the static assets etc. and running like so:

I have an application (reactjs) that run with docker, It use webpack but at start it crash saying that html-loader can't be resolve. I install it but when I rerun docker, It continue to say that.

I'm trying to duplicate this d3 map example within React so that I can use it as a component in Plotly Dash. However, there is an issue (I think with D3-tile) that's resulting in undefined strings in the opnestreemap urls. This prevents the code from grabbing the actual images for the tiles, and results in the following image:

The errors produced as you zoom in look like this:

Here is the full MyMap.react.js code. It seems like the error is coming from the tiles variable not being filled with data, but I'm not sure what the cause of that would be. Any help would be greatly appreciated!