GeoDistance | Geographical Lat , Lng distance

I am trying to write a value from the list named "data" to firestore, the list has two elements with two values, mileage and geodistance. Currently firestore is writing both the mileage and the geodistance to firestore when in reality I only need the mileage written to firestore. Currently I'm using final mileager = data.elementAt(0); to get the element into firestore but it's uploading everything in the element when I want only a single value from the element. How do I get just a single value from this list and write it to firestore? Basically I am using geolocator to see which point is closest, then I want to write the "mileage" of that point to firestore. The photo below shows how the mileage is currently being written. This is close but I want it as only a single field and value, not as a map.

I am trying to calculate the distance from a UK post code to another UK post code for over 4,000,000 rows of data.

I have imported a csv file with 4,000,000+ rows including UK postcode into a pandas dataframe.

I have then attempted to use pgeocode https://pypi.org/project/pgeocode/ to calculate for each row the distance from the base Post code. But I am not having much success.

Updated with minimal working example

Trying to calculate distance (D) from A to B.

I have the following query - which works fine (this might not be the actual query):

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:

When having a marker on a globe, the marker lays flat on the surface.

Although there might be trouble the moment the marker rotates out of sight; is there a way to give this marker height?

Instead of a dot on the surface of the globe, I'm trying to get a dot on a needle, sticking out a little bit above the surface of the globe.

Not this:

I'm trying to set the size of this globe to 200 x 200px.

I've learned that the projection is currently sized 960 x 500px.

Changing the size of the SVG doesn't shrink the globe. I'm having trouble understanding why.

Without luck I have tried to add the following to the code:

I am pretty new to Beautiful Soup, so I am willing to accept I am probably doing something pretty stupid, never the less, after reading through the documentation as well as following about 4 different online tutorials, I am not having the success I am expecting. But first let me explain the use case.

The objective is to initiate a search against a holiday home website such as in this case stays with a specific set of criteria but changing the dates so that I can work out when I will get best value for a holiday. I want to store all the returned results into a database for further analysis.

But the first step is being able to capture the results. So here is my code.

I have a dataframe that has 2 columns of zipcodes, I would like to add another column with their distance values, I am able to do this with a fairly low number of rows, but I am now working with a dataframe that has about 500,000 rows for calculations. The code I have works, but on my current dataframe it's been about 30 minutes of running, and still no completion, so I feel what i'm doing is extremely inefficient.

Here is the code

I would like to perform geolocation queries with elasticsearch on my dataset which looks like this: