Skip to main content
100%

send photo URL to MS Computer Vision API to analyze photo

✓ Published0🌍 Public
Aamazingandyyy
Last edited Oct 4, 2016
Created on Oct 4, 2016

This example sends a photo URL to the Microsoft Computer Vision API and displays the returned analysis as a structured set of labels and confidence scores. The code uses a direct HTTP POST request via jQuery’s `$.ajax` to the API endpoint, then renders the resulting JSON data in a simple HTML list, showing each detected tag alongside its probability. The visualization is static—no charts or interactive elements—and relies on the API’s response for all displayed content. The example demonstrates a straightforward data flow from an external image to a textual breakdown, using the Computer Vision API’s `analyze` method with `visualFeatures=Tags`.

AI-generated description

Similar vizzes

Loading thumbnail…

send image to google vision endpoint

This example shows a client-side web application that sends a canvas-rendered image to a Google Vision endpoint and displays the recognized labels in the page. It first captures the canvas content as a PNG dataURL using `toDataURL('image/png')`, then posts that data along with a selected course language value via `fetch` to the server. The response is an array of words, which the code maps into HTML list items showing each recognized term and its associated language. The rendering uses plain DOM manipulation with `innerHTML`, and the request/response cycle relies on standard JavaScript Promises.

VVeronicaM
59% match
Loading thumbnail…

Gist 842ac39b24599fe93d18a0c536f0ea69

This example demonstrates a Node.js script that sends a base64-encoded image file to the TrueFace API’s face-detection endpoint, then logs the returned JSON response. It reads a local JPEG, converts it to base64, and posts it via the `superagent` HTTP client with `superagent-bluebird-promise` for promise support. The request uses the `x-api-key` header for authentication and targets `https://api.chui.ai/v1/facedetect`. The visualization shows the raw API output, not a graphical chart, highlighting a simple request–response workflow.

55un
56% match
Loading thumbnail…

Gist ae31ce5b693d662b3add4af2919cea65

This example shows a Unity application that captures frames from a camera, sends them to a remote machine-learning API, and displays the stylized result in a UI Image component. It uses MiniJSON to serialize the image as base64-encoded PNG data into a JSON payload for a POST request to a RunwayML-style endpoint. The script repeatedly captures the camera’s RenderTexture at a set interval, uploads it, and updates a Preview sprite with the returned stylized image. It demonstrates real-time image processing through an external model with a simple polling loop to keep the remote service active.

Aandybak
54% match
Loading thumbnail…

test

This example presents a visualization of an image feed generated from a single Mendeley sign-in URL. The rendering uses the Canvas API to construct a grid of tiles, with each tile’s color and position driven by data parsed from the source URL's query parameters. The code leverages JavaScript’s `URLSearchParams` to extract route tokens, then draws the resulting pattern using `canvas.beginPath()` and `canvas.arc()`. The visualization shows the transformation of a simple web address into a geometric, color-coded matrix, highlighting the structural components of the URL string.

NN0taN3rd
54% match
Loading thumbnail…

upload photo to AWS S3 server and generate an URL

This example demonstrates how to upload a photo file to an Amazon Web Services S3 bucket and generate a public URL for the uploaded object. The code uses the AWS SDK for JavaScript, specifically the `S3` client’s `upload` method, along with the `fs` module to read the local file. It shows the asynchronous flow of configuring bucket parameters, performing the upload, and then logging the resulting `Location` URL from the returned data. The sample relies on environment variables for credentials and bucket configuration, and it includes error handling to catch and print any upload failures.

Aamazingandyyy
53% match
Loading thumbnail…

Gist da5f7a5f8cf01b0874d92349b33ec806

This visualization uses a Latent Dirichlet Allocation (LDA) topic model to classify Instagram captions into eight thematic categories, such as Giveaway, Fitness, and Love. It first shows the derived topics with their top ten keywords per topic, then assigns each caption its dominant topic and displays a random sample of the resulting annotations. The analysis relies on the Gensim library for the LDA model and coherence scoring, while Pandas DataFrames and the Dictionary and doc2bow APIs handle text preprocessing and corpus construction. A custom function maps each caption’s topic distribution to its most likely label, and the final output presents a sample of the enriched data with the assigned topic column.

AArizonaTay
52% match
Loading thumbnail…

JS Bin

The visualization is a dog image selector that displays a photo of a dog when a user clicks its name in a list. Each click makes the corresponding image visible, while hiding all others, and inserts a caption with the dog's name above the image. The page uses plain JavaScript with `addEventListener` for click handling, `classList.add` to toggle the `active` class, and `createElement`/`insertBefore` to manage the caption. No external libraries are used; the images are loaded from static Flickr URLs via `img` tags.

KKacieW
52% match
Loading thumbnail…

image

This example is a simple image-labeling tool that lets a user load an image into an HTML canvas, add a caption as text, and save the resulting composite as a PNG. The interface provides a file input for selecting an image, a text field for entering a caption, and buttons to apply the caption or open the saved PNG in a new window. The code uses the Canvas 2D API’s `drawImage` and `fillText` methods to render the image and text, and `toDataURL` to export the canvas content.

Aamundo
51% match