Skip to main content
100%

Gist c9f5dbba4fd9c0da80c7

✓ Published0🌍 Public
YYannael
Last edited Oct 28, 2015
Created on Oct 28, 2015

A simple GeoJSON LineString traces a closed, roughly rectangular path around the Brussels region. The visualization uses D3.js to project the geographic coordinates onto a 2D canvas via `d3.geoPath` and `d3.geoMercator`, rendering the shape as a single stroked line. The example demonstrates minimal handling of geographic data, drawing only the coordinate vertices without additional styling or interaction.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist cf47ed32426b88863d607d9d0dccb77d

This example shows a single outlined region of France rendered as a black-and-white map using the D3.js library. It uses the `d3.geo.path()` API with a conic conformal projection to transform GeoJSON polygon coordinates into SVG paths. The visualization loads its geographic data from a local `regions_geo.json` file and draws the shape on a fixed-size SVG canvas.

MMarineRu
77% match
Loading thumbnail…

Gist 4c8e12eb903071f09600

This example visualizes a pedestrian walk path as a single GeoJSON LineString, showing the route’s geometry against a geographic backdrop. The visualization uses D3’s `d3.geoPath` to project and render the coordinates onto a canvas, while the underlying data is drawn from the provided `walk.geojson` file. The code likely relies on a map library or raw canvas drawing to display the path, with no additional styling or interaction implied by the metadata. It demonstrates a minimal, direct mapping of geographic coordinates to screen space, emphasizing the route’s shape without overlaying extra data layers.

DDylanFM
75% match
Loading thumbnail…

Gist 7a936b232f3444758c3bfc5775324231

This example shows a static map of Dutch arrondissements (districts) for 2019, rendered as a single SVG path using a Mercator projection. The code loads GeoJSON data from a national georegister Web Feature Service (WFS) endpoint via `d3.json`. It uses `d3.geo.mercator` and `d3.geo.path` to project and draw the geographic features. The visualization is minimal, displaying only the district boundaries without additional styling or interactivity.

FFrieseWoudloper
75% match
Loading thumbnail…

Gist 853e8de9a35719af68b31d9c7f13ef77

This example displays a map of French regions using a conic conformal projection, rendering GeoJSON polygon features as SVG paths. The visualization loads geographic data from a local `regions.json` file and draws each feature with `d3.geoPath` and `d3.geoConicConformal` in D3 v4. The code focuses solely on projecting and displaying the regional boundaries without additional interaction or styling.

TTanguideCrevoisier
74% match
Loading thumbnail…

Gist fcaa6cc1968b4cd0eac0f15d1f0ff3f4

This visualization maps geographic data onto a three-dimensional globe using D3.js and Three.js. It renders landmasses as extruded polygons via `d3.geoPath` and converts them to Three.js geometry, while a `d3.forceSimulation` drives the rotation of the globe. The example also applies a canvas-based texture through `getImageData` to overlay graticule lines and subtle shading, and it animates the camera with `transition.attrTween` to smoothly orbit the planet. The data comes from a GeoJSON source embedded in the gist file.

YYannael
73% match
Loading thumbnail…

Gist c567d9b561f1c907337ac2df48b52d73

This example displays the boundaries of Paris’s arrondissements, rendered as black paths on a white background. It loads GeoJSON data containing the district polygons and projects them using `d3.geo.albersUsa()` with a custom translation, then draws each feature as an SVG path via `d3.geo.path()` within D3 v3. The visualization presents a straightforward, unadorned map of the city’s administrative divisions.

SSamyMe
73% match
Loading thumbnail…

Gist b2644a6ec6b1fd1a95ef87d5a93ec93c

This example visualizes a GPS track as a three-dimensional path using a MultiLineString GeoJSON feature. The data, sourced from a gist by FergusDevelopmentLLC, is rendered with altitude encoded as the third coordinate in each vertex. The visualization highlights the elevation changes along the path through a continuous line, with the points tracing a looping route. The use of 3D coordinates allows the viewer to perceive the terrain's vertical profile alongside its horizontal extent, making it useful for analyzing elevation gain, slope, and path shape in a compact, geographic context.

WWill Carter
73% match
Loading thumbnail…

Gist dbbbf5036a38b2eb912d97805615c7f5

This visualization displays a single choropleth-style map of the Netherlands, showing generalized administrative regions for 2019. It uses a Mercator projection to render geographic boundaries as SVG paths. The code relies on D3.js v3, specifically `d3.geo.mercator` for projection and `d3.geo.path` to draw the shapes, while fetching GeoJSON data from the Dutch national geodata WFS service. The map is rendered on a 1200×500 pixel canvas with no additional styling or interaction.

FFrieseWoudloper
72% match