Clean Up for Natural Earth GeoJSON

100%

Clean Up for Natural Earth GeoJSON

✓ Published0🌍 Public

Last edited Sep 9, 2012

Created on Sep 9, 2012

This example presents a command-line Node.js script for cleaning Natural Earth GeoJSON data. It reads a GeoJSON collection from standard input and outputs a simplified version, retaining only the `name` property and an `id` derived from either the `ISO_A3` or `FIPS` code. The script uses `JSON.parse` and `JSON.stringify` for data processing, and it rounds all coordinate values to six decimal places via a custom `round` function applied to `Polygon`, `MultiPolygon`, and `LineString` geometries. The process logs warnings for invalid country codes.

AI-generated description

Similar vizzes

Loading thumbnail…

Simplifying and cleaning Shapefiles.

This example demonstrates how to simplify and clean geographic data by rounding coordinates within a TopoJSON file. It uses D3’s `d3.round` function to reduce each point’s precision to two decimal places, then outputs the cleaned result as a JSON string. The code maps over the nested structure of polygons, line strings, and points, applying the rounding operation at each coordinate level. The visualization gallery shows the transformed data as plain text, highlighting the coordinate simplification process. The source is a GeoJSON-derived TopoJSON file, processed entirely in the browser with D3 v3.

Mmbostock

68% match

Loading thumbnail…

Simplify GeoJSON using d3-plugins/simplify (thanks @jasondavies for preserving topology!)

This example demonstrates how to simplify complex GeoJSON geometry while preserving topological relationships, using the `d3.simplify` API from the d3-plugins/simplify package. It shows a command-line conversion workflow that reads a GeoJSON input file, applies a simplification algorithm with zero area tolerance and topology-aware processing, and writes the simplified output to a new file. The implementation uses Node.js file I/O with `fs`, JSON parsing, and a custom projection function that passes coordinates through unchanged, making it a practical tool for reducing map data size without breaking shared boundaries.

RRandomEtc

66% match

Loading thumbnail…

Natural Earth

This example demonstrates the Natural Earth projection, a pseudo-cylindrical map projection that balances the appearance of landmasses with minimal shape distortion. It renders a world map from a TopoJSON dataset, displaying country borders and land areas as filled paths, with a graticule overlay and a spherical outline. The visualization uses D3.js v3 with the `d3.geo.naturalEarth` projection, `d3.geo.path`, and `d3.geo.graticule` APIs to draw vector graphics as SVG elements. The code loads world geography data from a gist-hosted JSON file and applies styling for land, boundaries, and graticule strokes.

Mmbostock

65% match

Loading thumbnail…

GeoJSON Transforms

This example demonstrates how GeoJSON geometry types can be transformed into simplified or filtered representations by applying custom point, line, and polygon handlers. It builds on the D3 geo module’s type dispatch system, explicitly defining default handlers for Feature, FeatureCollection, and GeometryCollection objects alongside primitive geometries. The code uses d3_geo_type and d3_noop to create a reusable translator, showing how to override or extend processing for each GeoJSON type. The rendering approach is not shown, focusing solely on the data-transformation pipeline.

Mmbostock

61% match

Loading thumbnail…

clean map no points

This example displays a clean, uncluttered world map with country boundaries and graticules. The visualization renders landmasses in teal, country borders in a lighter shade, and a subtle graticule grid, all projected using the Natural Earth projection via `d3.geoNaturalEarth1`. Data comes from the World Atlas TopoJSON, processed with `topojson.feature` and `topojson.mesh` to extract land polygons and country borders. The SVG elements are styled through CSS classes, with the React component using `d3.geoPath` to convert GeoJSON features into SVG paths.

SStefan Apostol

60% match

Loading thumbnail…

format Arctic sea ice Polygon data

This example shows how to prepare Arctic sea ice polygon data for mapping by splitting coordinate rings that cross the 180° meridian, ensuring each segment stays within a representable longitude range. It processes GeoJSON features containing polygon coordinates, detecting jumps greater than 180 degrees between consecutive points, then rebuilding rings with boundary points at ±180° and the pole. Using Node.js with the built-in `fs` module, it reads `input.geojson`, manipulates the geometry arrays, and writes the cleaned result to `output.geojson`. The output is intended for later visualization with libraries like `d3.geoPath`.

HHirosaji

60% match

Loading thumbnail…

Fork of Polished World Map

This example displays a polished world map using the Natural Earth projection, showing landmasses in teal, graticules, and country boundaries. It renders a sphere, graticule grid, land features, and interior borders using React with SVG elements. The code leverages `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from d3, and loads World Atlas TopoJSON data via `topojson.feature` and `topojson.mesh`. A CSS stylesheet applies the custom color scheme.

Jjessie.xie2023@gmail.com

59% match

Loading thumbnail…

Fork of Polished World Map

This example presents a polished choropleth-free world map using a Natural Earth projection. It displays country boundaries, landmasses, and graticules styled with a teal color palette against a light gray sphere. The visualization renders as SVG via React components, with the `geoNaturalEarth1` and `geoPath` APIs from d3.v5 handling projection and path generation. Data originates from the World Atlas TopoJSON file, processed using `feature` and `mesh` from the topojson library to extract land polygons and interior borders; the map is drawn with `d3.geoPath` to create the final paths.

MMagarsa Gudeta

59% match