FLICKR API Example

100%

FLICKR API Example

✓ Published0🌍 Public

Last edited Apr 1, 2016

Created on Apr 1, 2016

This example visualizes Flickr photo search results for the query "David Bowie" by querying the Flickr API’s `flickr.photos.search` method with a supplied API key and authentication token. The XQuery code constructs a REST endpoint URL to fetch raw XML responses, which are then rendered as a network graph of matching photos. It uses the standard `fn:doc` function to retrieve the data, while the visualization layer relies on D3’s `forceSimulation` for layout and `d3.geoPath` for any geographic mapping, though the specific rendering logic is not shown. The result is a dynamic, data-driven exploration of Flickr’s public photo metadata.

AI-generated description

Similar vizzes

Loading thumbnail…

DPLA Data

This example queries the Digital Public Library of America (DPLA) API to fetch and display search results as a simple webpage. It shows a list of image thumbnails with titles, each linked to its source item. The code uses the XQuery `fetch:text` or `fn:json-doc` functions to retrieve JSON data from the DPLA API, then parses it with `json:parse` or direct JSON navigation. It constructs HTML `<li>` elements containing an `<img>` tag and anchor, filtering out results without a thumbnail or title.

CCliffordAnderson

66% match

Loading thumbnail…

Gist 77879

This example demonstrates a Flickr photo management system built with Ruby on Merb, using the Flickr API to fetch, validate, and update photo metadata. It shows a batch workflow that first retrieves photos by category tags, then verifies their existence and tags on Flickr, and finally updates stored attributes like title, description, and image sizes. The code relies on Flickr’s `flickr_photo` objects and the Merb ORM for database persistence, with tasks chained via Rake. The visualization highlights the procedural data-sync logic, emphasizing error handling and association management between photos and categories.

DDylanFM

63% match

Loading thumbnail…

fresh block

This example visualizes Flickr photo statistics by displaying horizontal bars that sort and filter based on a selected metric, animating bar widths as data updates. The code fetches data from Flickr’s API using `d3.json`, then uses D3 v4 scales (`d3.scaleLinear`, `d3.scaleOrdinal`) and transitions to smoothly resize bars and update the top axis. It filters out entries exceeding 20,000 in the chosen field and re-sorts descending, with bars colored via `d3.schemeCategory20`. The rendering uses SVG with animated enter, update, and exit patterns, while the axis transitions via `d3.axisTop`.

AAdlopez2016

62% match

Loading thumbnail…

Convert JSON to Dublin Core in XML

This example shows a live conversion of movie search results from JSON into Dublin Core XML metadata. It retrieves data from the OMDB API using `fetch:text` and `fn:parse-json` to parse the response, then extracts the `Search` array. For each movie, it creates a Dublin Core `title` and `relation` element, mapping the movie title and poster URL respectively. The code uses XQuery 3.1 with the `dc` namespace, and the final output is an XML `<movies>` wrapper. The example demonstrates a straightforward data transformation pipeline, not a visual chart, but it is included in the gallery for its metadata-handling technique.

CCliffordAnderson

58% match

Loading thumbnail…

generating a file containing Bioimages and Morphbank identifiers

This example shows how to retrieve recent image records from the Morphbank biodiversity database for the Bioimages group, then write a CSV file linking each external identifier to a Morphbank URL. It uses the Morphbank REST API via `fn:doc` to fetch XML data, then extracts `sourceId` elements with XPath. Two XQuery scripts generate the same output: one writes lines with `file:write` and an explicit item separator, while the other appends newline characters manually. The code relies on standard XQuery 3.0 functions, not external visualization libraries.

CCliffordAnderson

56% match

Loading thumbnail…

exist-db tested XQuery Grain Mashup

This example visualizes cereal production in the United States from 1961 to 2013 as a column chart. It retrieves data from the World Bank API using the `httpclient:put` or `http:send-request` functions, then formats the response as a JSON array of date-value pairs. The code uses Google Charts (`google.load` and `google.visualization`) to render the chart, adding a trendline to the production data. The XQuery generates an HTML page embedding the chart, with the data parsed and ordered by year before being passed to the visualization library.

CCliffordAnderson

56% match

Loading thumbnail…

Oxford Dictionary API, Part III

This example demonstrates how to query the Oxford Dictionary API using XQuery, first retrieving definitions for a specified word and then fetching a list of rare art-related terms. The code uses the `http:send-request` function with custom `http:request` and `http:header` elements to authenticate and call the API endpoints. It relies on XQuery 3.1 features, including local functions and the `fn:data()` function to extract definition text, numbering each result sequentially. The data source is the live Oxford Dictionaries API, accessed via its REST endpoints.

CCliffordAnderson

56% match

Loading thumbnail…

Fork of Testing D3 force layout

This visualization shows a force-directed network graph of photographic metadata, where nodes represent either photograph IDs or named photographers, and links connect photographs to their creators. Built with D3.js v3, it uses `d3.layout.force()` to simulate physical forces that arrange the nodes spatially. The graph is rendered as SVG, with each node displayed as a GitHub favicon image and a text label. Node positions are updated on each simulation tick, and the layout incorporates node centrality and link betweenness values from the loaded JSON data.

Aa1615

55% match