mapshaper | Tools for editing Shapefile , GeoJSON , TopoJSON and CSV files | Map library

In my use case I need to create interactive farm maps where I can select fields. I'm trying to do this using the react-simple-maps component.

what was done

I created the farm Shapfile map in QGIS. Converted to TopoJSON using Mapshaper as per this tutorial.

However the map does not render correctly, see CodeSandbox.

What can I be missing?

Is this the best component to use in this case?

Map error

TopoJSON Map

I want to build a shape map in Power BI using postal area for Australia. I downloaded the Correspondence, 2011 Postal Area to 2016 Postal Area and converted it to json file type on mapshaper.

My data has a postcode column that looks like this:

and the map keys looks to be of the same format:

However, when I tried to plot the shape map by sales column (the value column), output looks like this

which doesn't zoom in. Is it because the data is too large? But there are only 300 rows in the table. How can I map out the areas by postcode?

I am trying to create a simple bubblemap that plots longitude-latitude pairs by a number of admissions for a county using US DHS data. My CSV file has the name of county, longitude, latitude, type of Admission, class of admission, number of admissions, and country of origin. I've created some checkboxes that will allow the user to see a bubblemap of the different classes of admissions that were admitted to the United States.

I've learned that the d3geoAlbersUsa projection projects the map of the USA at [0,0] which is off the coast of Africa. From the photo below (see Imgur link), you can see that my points seem to plot at the correct coordinates. However, the background map is not visible. When I use d3.geoMercator() and center the projection on [0,0] I see the map. In both cases, I don't know how to make the bubbles appear on the map.

I'm new to d3 so I'm not sure how to go about this. How do I create a bubblemap using long lat coordinates with the d3geoAlbersUsa projection? Thanks for the help.

Here is my index.html:

I am trying to transform GeoJSON to TopoJOSN in order to put into Vega-Lite. Therefore I can draw a map.

I used https://geojson-maps.ash.ms/ to download the .json for map Oceania (Low resolution), then I put this file into https://mapshaper.org/ so that I can export it again as .topojson

However, even I choose export as .topojson, the file still give me .json. Because when I put this URL to Vega-Late, it cannot display a Oceania map. (My code at the very bottom of the question)

Anyone know how can I transform into topojson? Or even maybe there is anything wrong with my URL?

Creating a world map Choropleth with D3 v6 in Angular 7. (trimmed down from Angular into plain JavaScript)

Shape files gathered from NaturalEarth and compiled in mapshaper to create GeoJSON.

Keeping it simple with just countries but I am getting a rubber band effect. When I try to drag the map (whether it be the background or on a specific country), it will try to move where you are dragging but then pop back to it's original position unless you drag your cursor across the screen or quickly release after an event is triggered.

As well, when you zoom in on a specific country and then zoom/drag on a different country, it pops you back to the original zoom when the map is created.

I am trying to create shape files from a list of coordinates and it looks like it works but when I'm trying to view the shapefile in a shapefile viewer, it looks like there's no coordinates in my shape. Also if I then download my shapefile as geoJSON it looks empty like this: {"type":"GeometryCollection", "geometries": []}

So I have this one Java class, where I first create some dummy data, then create a Polygon SimpleFeatureType and then convert my list of points into a polygon and eventually try to write that polygon into a shapefile. I dont get any errors and all looks like running smoothly until I try to view it in the browser.

Here's my class with some debug prints :

I am using d3 to render a world map with clickable countries. The countries are from a geojson file, and I have no problems loading a particular continent, region or the entire world, using this site: https://geojson-maps.ash.ms/

However, the data from that site does not have any capitals in their geojson files. So instead I looked at https://www.naturalearthdata.com/, which clearly shows that one should be able to render a region with cities on it. I take their files and convert them to geojson via https://mapshaper.org/, but for some reason I ONLY get cities, as single dots against a blank background. There is not a single map I can find which provides a map of countries with capitals/cities inside country borders.

This leads me to wonder whether I am somehow supposed to combine a geojson file of countries with a geojson file of capitals, and render one on top of the other. In that case, how is that possible? Or is there some other solution? I attach the code where I render my world map (which works fine):

I have a map with an older topojson format that once worked with Vega-Lite. Now we only see a purple square in this editor gist.

I've rebuilt the map with the same code but updated topojson in the vega editor and saved as a gist here.

With the new vega release, it seems like I need my topojson files to be formatted differently, with the arcs first, like the mapshaper.org export output. Why is this? It's broken several existing web maps, and took me a few hours to figure out. Seems like I can fix it with a workflow change, but I am curious.

I would like to use a custom world map with Highmaps. I used mapshaper (great tool!) to reduce the number of vertices, and checked the JSON code with a JSON validator and imported it in QGIS, where it works fine. But I don't succeed in convincing Highmaps to use it:

I use: