Single Feature

100%

Single Feature

✓ Published0🌍 Public

Last edited Feb 5, 2016

Created on Feb 7, 2016

This example shows a single GeoJSON point feature derived from a biodiversity occurrence record, with its geographic coordinates and a linked identifier exposed as properties. The code constructs the feature by first querying the Global Biodiversity Information Facility (GBIF) API with a specific occurrence ID, then parsing the returned JSON to extract the latitude, longitude, and record identifier. Using the XQuery `map` syntax, it assembles a standard GeoJSON object with a Point geometry and a `name` property. The visualization relies on HTTP retrieval via `fetch:text` and JSON parsing via `fn:parse-json`, with no external charting library; the output is intended for a map renderer that consumes GeoJSON.

AI-generated description

Similar vizzes

Loading thumbnail…

GeoJson Experiments

This example shows a single GeoJSON point feature, labeled "Dinagat Islands," placed at coordinates [125.6, 10.1] on an interactive Mapbox map. The map uses the Mapbox.js library with a tile basemap, and the feature layer is populated directly from inline GeoJSON data via `setGeoJSON`. The view is centered on the point at zoom level 6. The code demonstrates minimal setup for rendering geographic features without additional interaction or styling, relying on Mapbox’s built-in rendering pipeline.

CCliffordAnderson

72% match

Loading thumbnail…

Gist 903d72011a7b4d0c0266d0a6a1b3100e

This example displays a single GeoJSON Point feature representing Dinagat Islands at coordinates [125.6, 10.1]. A minimal point.geojson file defines the geometry and a name property. The visualization relies on d3.geoPath to render the geographic coordinate onto a map projection, demonstrating a static point placement without additional interaction or data transformation.

CCliffordAnderson

71% match

Loading thumbnail…

Converts from XML to GEOJson

This example shows the conversion of a single XML item containing place-name, latitude, and longitude data into a GeoJSON FeatureCollection with a Point geometry. It demonstrates a direct data-shape transformation. The code constructs the output JSON structure explicitly, mapping the XML text value to a `properties` field and the numeric coordinates into a `coordinates` array. The conversion relies on the MarkLogic `json:serialize` function to produce the final GeoJSON output from the hand-built `json` element. The snippet does not include any rendering or mapping library.

CCliffordAnderson

68% match

Loading thumbnail…

GeoJson Experiments

This example displays a minimal GeoJSON feature collection on an interactive slippy map. It renders a point for Dinagat Islands, a point for Singapore, and a line string connecting their coordinates. The map is built with Mapbox.js version 1.6.2, and the GeoJSON data is loaded directly into the map’s `featureLayer.setGeoJSON` method. The visualization demonstrates basic point and line geometry placement over a raster tile background, with the view initially centered on the first coordinate at zoom level five.

CCliffordAnderson

67% match

Loading thumbnail…

Gist 54a4da81bb77308303fc5537ac587fe5

This example creates a minimal map visualization using a single GeoJSON Point feature representing the Dinagat Islands, positioned at coordinates (-86.8098, 36.1442). It first renders the point’s geometry using `d3.geoPath` and a standard geographic projection, then applies `d3.forceSimulation` to animate the point’s position, demonstrating how a fixed geographic coordinate can be displaced by a force-directed layout. The code uses both Canvas and SVG elements, with the simulation updating the point’s screen location each tick while the underlying projection remains static.

CCliffordAnderson

67% match

Loading thumbnail…

test

This example visualizes a single point feature from a GeoJSON file, marking the location of Friedrichstraße in Berlin. The map uses D3’s `d3.geoPath` to render geographic outlines, while the point itself is drawn with SVG markers. The feature’s properties include an image carousel with historical photos, toggled by user interaction. The code relies on D3’s data binding and event handling to update the displayed images, and the geographic coordinates are parsed from string values in the GeoJSON. The rendering approach uses a standard Canvas or SVG projection, though the specific projection library is not shown. The source is a gist by CliffordAnderson, with data embedded directly in the file.

CCliffordAnderson

66% match

Loading thumbnail…

Some test API calls to get JSON with geocoordinates from the Global Biodiversity Information Facility (GBIF)

This example demonstrates how to query the Global Biodiversity Information Facility (GBIF) API to retrieve georeferenced species occurrence data, specifically filtering by scientific name and geographic bounding box. It shows the raw JSON responses for both a single occurrence identifier and bulk searches for Quercus macrocarpa within specified latitude and longitude ranges. The visualization highlights the data-fetching process using URL-encoded parameters like `%20` for spaces and comma-separated coordinate ranges. The code relies on standard HTTP requests to the GBIF REST API, returning structured JSON that could be subsequently plotted with a library like D3 or Leaflet, though no client-side rendering is performed here.

CCliffordAnderson

66% match

Loading thumbnail…

GeoJSON example

This example visualizes a single point feature from a GeoJSON file, showing the location of the Hippo House at Zoo Berlin. The map uses d3.geoPath to render the geographic coordinates as a projected point, while the properties object supplies the title, series, and tour metadata for tooltips or labels. The code references a YouTube embed link for the featured image, though it does not display the image itself. The data comes from a gist authored by CliffordAnderson, and the marker size and symbol are specified as properties but are not applied in the visible rendering. The example demonstrates how GeoJSON geometry and non-spatial attributes combine in a minimal D3 mapping context.

CCliffordAnderson

66% match