Skip to main content
100%

Attachment – GDAL

✓ Published0🌍 Public
Aadkatrit
Last edited Jan 13, 2014
Created on Jan 13, 2014

A 3D GeoJSON LineString from an EPSG:21781 coordinate system is rendered as a spatial attachment in a GDAL ticket. The example uses D3’s `d3.geoPath` to project the geographic coordinates onto a 2D canvas, while the third dimension (elevation) is mapped to visual depth or height. The code demonstrates handling of 3D geometries in GeoJSON, with the line’s vertices drawn as a connected path. It relies on standard D3 projection and path APIs to visualize the data, which is sourced from a GDAL issue attachment.

AI-generated description

Similar vizzes

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
71% match
Loading thumbnail…

Gist c9f5dbba4fd9c0da80c7

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.

YYannael
66% 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
66% match
Loading thumbnail…

Gist 8393671

A single county subdivision polygon from a GeoJSON file is rendered on a map, with its geographic boundary drawn as a closed path and a marker placed at its centroid coordinates. The visualization uses D3’s `d3.geoPath` to project the polygon’s coordinates onto a 2D canvas, while the latitude and longitude properties from the GeoJSON feature are plotted as a point. The code relies on standard D3 projection and path-generation APIs, displaying the raw geometry without additional styling or interaction.

Aadkatrit
66% match
Loading thumbnail…

[Working with spatial data](https://github.com/enjalot/wwsd)

This example demonstrates how to work with geospatial data using d3.js projections, visualizing trail points from a GeoJSON file on a Mercator projection. The code uses the d3.geo.path() function with a d3.geo.mercator() projection to render SVG paths, and employs d3.json() to load the data. The map displays points with a transform applied, while path elements are styled with a gray fill and white stroke that turn red on hover.

SSwampGuzzler
66% match
Loading thumbnail…

Gist 8393734

This example visualizes U.S. Census tract 51760061000 as three adjacent GeoJSON polygons, each labeled with its geographic identifier and centroid coordinates. The code loads the tract geometries and renders them using D3’s `d3.geoPath` and `d3.geoMercator` projection, drawing filled and stroked shapes to distinguish sub-tracts. The visualization relies on the `tract51760061000.geojson` file, which contains latitude and longitude properties for each polygon, and uses D3’s data-binding to map features to paths on an SVG canvas.

Aadkatrit
65% match
Loading thumbnail…

[Working with spatial data](https://github.com/enjalot/wwsd)

This example demonstrates how to render geospatial data on a map using D3.js projections. The visualization displays world country boundaries loaded from a GeoJSON file, with the map centered using an azimuthal equidistant projection. The code uses d3.geo.path() to project and draw the geographic features onto an SVG canvas. It defines both a Mercator and an azimuthal equidistant projection, ultimately selecting the latter with a clip angle and rotation to create a polar view. The data comes from an external GeoJSON source hosted online.

KKristinHenry
65% match
Loading thumbnail…

Custom Cartesian Projection

This example displays a set of land parcel polygons from a GeoJSON file, drawn as light gray shapes with black outlines on an SVG canvas. It creates a custom Cartesian projection by implementing a `d3.geoTransform` that maps raw coordinates through two `d3.scaleLinear` scales for the x and y axes. The resulting transform feeds into a `d3.geoPath` generator, which renders the geographic features using the projected coordinates, bypassing standard geographic projections.

Mmbostock
65% match