Example CouchDB view & HTTP response

100%

Example CouchDB view & HTTP response

✓ Published0🌍 Public

Last edited Apr 16, 2014

Created on Apr 16, 2014

This example shows a CouchDB design document and the corresponding HTTP response for a spatial query. The design document defines a JavaScript map function that emits GeoJSON point features by their name, while the response returns a single row containing a point with coordinates [125.6, 10.1] and a title property. The code demonstrates the view definition and its raw JSON output, using CouchDB’s native map/reduce API and the HTTP response format. No visualization library is involved; it illustrates the data retrieval layer only.

AI-generated description

Similar vizzes

Loading thumbnail…

GeoJSON Experiments

This example displays geographic data on an interactive Mapbox map, using the Mapbox.js library and a full-screen map div. It fetches GeoJSON data from a CouchDB view via a jQuery `$.getJSON` call, then loads the returned feature collection into the map’s `featureLayer` with `setGeoJSON`. The map is initialized with `L.mapbox.map` and centered on coordinates (10.1, 125.6) at zoom level 5, showing how dynamic GeoJSON can be rendered on a tiled basemap.

CCliffordAnderson

64% match

Loading thumbnail…

Single Feature

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.

CCliffordAnderson

60% match

Loading thumbnail…

GeoJSON Experiments

This example displays a GeoJSON dataset as point features on an interactive Mapbox map. It fetches data dynamically from a CouchDB instance using jQuery’s `$.getJSON` method and passes the resulting GeoJSON object directly into the map’s `featureLayer.setGeoJSON` function. The map is initialized with Mapbox.js and positioned over the Philippines at zoom level 5. The code relies on the Mapbox.js and jQuery libraries to combine external geographic data with a tiled base map.

CCliffordAnderson

59% match

Loading thumbnail…

Gist 10676346

This map displays labeled points from a GeoJSON file, plotting locations like "Internet Archive," "China," and "New York" at their geographic coordinates. The visualization likely renders a large-scale point cloud, with overlapping labels suggesting a messy or aggregated dataset. Using a mapping library, likely D3.js with `d3.geoPath` for drawing map features and standard SVG or Canvas techniques for placing text labels, the code creates a simple geographical scatter plot. The rendering emphasizes the spatial distribution of these named places across the globe.

CCliffordAnderson

58% match

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

58% match

Loading thumbnail…

Cloudant Post

This example visualizes the geographic distribution of user-uploaded content from a Cloudant database, rendered as an interactive map. It first retrieves raw GeoJSON data from the Cloudant API, then uses `d3.geoPath` to project and draw country outlines, while `d3.forceSimulation` positions individual point markers based on their latitude and longitude. The map’s tile layer is generated with Canvas `getImageData` to apply a custom color scale to population density, and user interactions trigger `transition.attrTween` for smooth panning and zooming. The code relies on Three.js for the underlying WebGL rendering of the base terrain.

CCliffordAnderson

57% 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

57% 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

56% match