Skip to main content
100%

Gist 2cd99d7dcaea0aef500a

✓ Published0🌍 Public
Aabchandra
Last edited Apr 12, 2015
Created on Apr 12, 2015

An Android app displays a grid of image thumbnails fetched from a JSON-based photo API, with a hidden "Load More" button for potential pagination. The main activity uses an `AsyncTask` to download JSON data via `HttpURLConnection`, parse it with `JSONObject` and `JSONArray`, and decode thumbnail bitmaps from URLs using `BitmapFactory.decodeStream`. A custom `ImageThumbnailAdapter` extends `BaseAdapter` to render each bitmap in a `GridView` with four columns, sizing cells based on display width and using `CENTER_CROP` scaling.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 848078e109e9356144611e05e458aa80

This example shows a live sensor dashboard for an Android device connected to an Arduino-compatible board via USB. It displays distance, pulse, and position readings in text views while streaming raw pulse data to a file for later analysis. The app uses the AdkManager library to handle USB serial communication, and an AsyncTask continuously reads incoming data in the background. Sensor values are written to an ARFF file using the Weka machine learning library, enabling subsequent data mining tasks.

PPandaRider
55% match
Loading thumbnail…

Gist 9a968aa68c3b9f5c6794fc968609cb7d

This example presents a simple guest list interface built with Android’s XML-based layout system. It shows a vertical linear arrangement containing a title label (“Guest List”) and a single guest name (“Kunal”), using the `LinearLayout` and `TextView` APIs from the Android framework. The code defines the UI structure declaratively, specifying horizontal sizing as `wrap_content` for both elements, though no interaction or data-binding logic is included. The visualization is static, focusing solely on the nested component hierarchy and text rendering rather than any dynamic behavior or external data source.

KKirun1
53% match
Loading thumbnail…

Sparrow Photography

Sparrow Photography is a simple, responsive photo gallery that displays a grid of images fetched from a remote API. The listing page uses a responsive CSS grid that adapts from two to four columns based on viewport width. Each photo is clickable and links to a detail page, where the selected image is shown with its title. Data is loaded asynchronously from a JSON API and cached in sessionStorage to speed up repeat visits. The gallery gracefully handles missing data or invalid photo IDs with a fallback message.

Aangusgrant
53% match
Loading thumbnail…

Image Gallery

This example displays a gallery of thumbnail images from the /r/earthporn subreddit, fetched as JSON via D3’s `d3.json` request. It filters the returned posts to keep only those with JPEG thumbnails, then appends each thumbnail to the page as an `<img>` element inside an anchor tag linking to the full-resolution image. The code uses D3 v3’s selection and attribute methods to set the thumbnail height and source, with a black background and rounded image corners defined in CSS.

Aac1714
53% match
Loading thumbnail…

Android App User Review Metrics

A CSV of Android app user-review metrics is parsed and displayed as a single JSON object. The visualization shows the raw first row of the dataset, revealing fields like average rating, review counts, and problem-discovery percentages. The code loads the data with a generic CSV import and converts numeric columns using unary plus operators, then renders the object in a preformatted text block. No charting library is used; the example is a static textual preview rather than an interactive graphic.

Mmilepore@gmail.com
53% match
Loading thumbnail…

Sparrow Photography

This example displays a responsive photo gallery of sparrow images, with a listing page showing thumbnail grids and detail pages for individual photos. The code fetches photo data from the Vanilla JS Academy API and caches it in sessionStorage. JavaScript renders the grid using CSS Grid layouts that adapt across breakpoints, while a URL query parameter routes between the listing and item views. The implementation uses native `fetch`, `sessionStorage`, and template literals, with no external libraries.

Aangusgrant
52% match
Loading thumbnail…

Gist 6fca8ef5ca087df8d88875360a27898e

This visualization arranges a set of ten idea images across three virtual panels (left, right, and back) in a 3D space using A-Frame entities with `media-loader` components. It captures and restores each image’s position, rotation, and scale via `getIdeasPoses()` and `setIdeasPoses()`, allowing users to switch between initial and new layouts through a dat.GUI control panel. The GUI also provides buttons to snap images back to their panels, pin or unpin them, and generate a fresh layout by sampling new random positions. Images are loaded from external PNG URLs, and the code demonstrates manual object3D manipulation rather than a physics or layout engine.

UUtopiah
51% match
Loading thumbnail…

A SectionedGridRecyclerViewAdapter: use this class to realize a simple sectioned grid `RecyclerView.Adapter`.

This example demonstrates how to add section headers to an Android grid list without modifying the underlying item adapter. It uses a custom `SectionedGridRecyclerViewAdapter` that wraps a standard `RecyclerView.Adapter` and extends `RecyclerView.Adapter` with a `GridLayoutManager`. The adapter overlays full-width section titles at specified positions by overriding `getItemViewType` and using a `SpanSizeLookup` to span headers across grid columns. It relies on Java collections like `SparseArray` and `ArrayList` for section management, with layout inflation from XML resources for both items and headers.

HHsuHsiaoHsuan
51% match