Skip to main content
SimilarExport ZIP
100%

Map #1

✓ Published0🌍 Public
PPatrick Wojda
Last edited Aug 9, 2016
Created on Aug 9, 2016

A single dark polygon outlines a landmass in goldenrod, with a text asterisk marking its centroid. The map uses a Mercator projection centered on the geographic centroid of the GeoJSON data, which is loaded from `lan.json`. The code employs `d3.geoPath` with `d3.geoMercator` to render the SVG path, while `d3.geoCentroid` computes both the projection center and the label position. Only the first feature from the FeatureCollection is displayed.

AI-generated description

Built with blockbuilder.org

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Map #3

A world map is drawn with a single black outline representing one geographic feature, likely a country or region, using geographic coordinate data. The visualization uses the D3.js library, specifically the `d3.geoPath()` function with a `d3.geoMercator()` projection to render the path. The code loads a GeoJSON file containing polygon coordinates, applies the projection, and appends the resulting path to an SVG canvas. The map displays only the outlined shape with no fill or additional styling.

PPatrick Wojda
77% match
Loading thumbnail…

My map

This example presents a choropleth-style map of a single region, likely a state, rendered as a filled polygon in a light blue SVG container. The map uses the Mercator projection and d3.geoPath to draw geographic boundaries from a GeoJSON file, while d3.csv loads city data for potential point markers. The visualization is built with D3 v5 and styled as a responsive SVG using a viewBox, with a custom CSS class for layout. The code demonstrates loading external data files and projecting them onto a large canvas.

Aatree-rohit
72% match
Loading thumbnail…

World map

A world map rendered with dark green landmasses and white outlines on a light blue background. The visualization uses a GeoJSON-derived feature collection from the world-atlas TopoJSON source, projected with `d3.geoMercator` and drawn via `d3.geoPath`. The code loads the TopoJSON file, converts it to GeoJSON features using `topojson.feature`, and appends SVG paths for each country. Styling is applied through CSS with the `fill` and `stroke` properties.

GGiovanni Kaaijk
71% match
Loading thumbnail…

Map.js!

This map visualization displays the world’s countries by using a Mercator projection to render geographic features as filled SVG paths on a light gray sphere background. The code loads country boundaries from the world-atlas TopoJSON dataset and converts them to GeoJSON with `topojson.feature`, then draws each country using `d3.geoPath`. Styling applies a blue fill with dark strokes and a subtle opacity, while the hidden overflow and full-bleed body create an immersive, full-window presentation.

Aargonaeut
71% match
Loading thumbnail…

Let's make a Map!

This example displays a world map of countries as light green shapes against a dark blue spherical background, using a Mercator projection. It loads geographic data from the world-atlas TopoJSON dataset and renders it as SVG paths with d3.geoPath. The code employs d3-geo projections, topojson.feature for extraction, and a select-all data join to bind country features to path elements.

ZZY Huang
71% match
Loading thumbnail…

Gist d8085662349426513b73

This map visualizes a geospatial polygon from a GeoJSON file, outlining a specific land parcel or boundary area with high coordinate precision. The shape is rendered as a MultiPolygon, with vertices tracing a detailed, irregular perimeter typical of cadastral or survey data. The minimal, line-only representation emphasizes the geometry’s raw form, highlighting the boundary’s complexity and the spatial distribution of the region without additional contextual layers. The visualization focuses on the raw geographic footprint, making the coordinate data the primary visual element.

DDylanFM
71% match
Loading thumbnail…

August Projection

This example displays a world map using the August projection, a pseudocylindrical equal-area projection that curves parallels and meridians into distinctive intertwined shapes. The map renders land masses in dark gray with white country boundaries overlaid on a graticule, all enclosed within a spherical outline. Using D3 v3, the code employs `d3.geo.august` for the projection, `d3.geo.path` to draw geographic features, and `d3.geo.graticule` for the grid. TopoJSON data provides the world land and country boundaries, loaded from an external JSON file.

Mmbostock
70% match
Loading thumbnail…

D3 map

A world map rendered with D3 shows a natural Earth projection of countries in goldenrod over a black sphere. Circles representing museum objects are plotted and animated with a staggered bounce-in effect using D3 transitions. The code uses `geoNaturalEarth1` and `geoPath` for geographic rendering, TopoJSON for country boundaries, and fetches SPARQL query results from a Dutch heritage dataset, mapping latitude and longitude coordinates to circle positions.

RRoyCsuka
70% match