Skip to main content
100%

Gist 786ba24d8dc3ab6d65192a9b8b74b2a5

✓ Published0🌍 Public
Aandybak
Last edited Feb 5, 2025
Created on Feb 5, 2025

This visualization uses the Google Poly API to display a catalog of 3D assets, letting viewers browse objects by category and format. The code fetches asset metadata from the Poly discovery document and renders it with a custom interface built on JavaScript. A force-directed layout via `d3.forceSimulation` positions thumbnail nodes, while hover interactions reveal asset details. The visualization relies on the Poly REST endpoints for listing and retrieving assets, showing how API data can be transformed into an interactive spatial arrangement.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 6ccd9c4ef2c862306f62bc847ac036d3

This WebGL visualization displays 3D models sourced from Google Poly, processed from original scene data into canonical JSON format. Using Python scripts, the code extracts embedded asset information from HTML pages and decomposes transformation matrices into rotation, translation, and scale components. The visualization renders the reconstructed 3D scenes through WebGL, leveraging the parsed model data and file type metadata from the Poly asset structure.

Aandybak
83% match
Loading thumbnail…

Gist 97014fa0c26abd2904c7ba9d22ab9e57

This visualization maps the structure of Google Poly’s 3D asset files by parsing embedded JSON from saved HTML pages. It converts transformation matrices into quaternions, translations, and scales, then categorizes each file’s role (e.g., original glTF, USDZ, OBJ) using role IDs. The code processes thousands of assets, extracting metadata to reveal how different file formats and roles are distributed across the collection. It relies on Python’s `json`, `re`, `math`, and `os` modules for data extraction and matrix decomposition, with the final output intended for further analysis or charting.

Aandybak
81% match
Loading thumbnail…

Gist b96af6717949aa0f18b8b29b20b51448

This visualization maps the Poly API’s asset and user endpoints as an interactive force-directed network. Nodes represent API methods, path parameters, query parameters, and response schemas, with edges linking related elements. It uses d3.forceSimulation for layout and SVG rendering to display the API structure. The data comes from the API’s documentation file, with node colors distinguishing endpoints from schemas.

Aandybak
79% match
Loading thumbnail…

Gist a3b2b71ef1d5540adc57

This example presents an interactive visualization built with the D3.js library. It uses the `d3.forceSimulation` API to compute physics-based layouts for nodes, while `d3.geoPath` renders geographic map projections. The code loads external JavaScript libraries and stylesheets via the `index.html` file, and the data is processed through custom scripts. The visualization integrates force-directed graphs with map projections to display relational data across a spatial context.

SSciutoAlex
71% match
Loading thumbnail…

Gist 0ea3280775a189e0e80fa93b2445e92e

This visualization embeds an interactive 3D astronaut model from the Icosa gallery. The page uses an iframe with the `icosa.gallery` embed URL, enabling fullscreen, autoplay, and WebXR spatial tracking for immersive viewing. The model is rendered in real time, likely using Three.js behind the scenes, and supports touch or mouse interaction through the iframe’s sandboxed environment. No additional data processing or charting libraries appear in the code; the focus is solely on presenting the pre-built 3D asset.

Aandybak
70% match
Loading thumbnail…

Gist 20490743a658b8c43752d814c314c79e

This visualization renders uniform polyhedra using a kaleidoscopic construction method. The code computes vertex coordinates, faces, and symmetry groups from fundamental angles, then draws the three-dimensional shapes with projected lines and filled polygons. It uses standard C math and graphics routines for coordinate transformation and rendering, including trigonometric functions for rotation and perspective. The display cycles through different polyhedral types, showing their geometric structure through edge networks and face shading.

Aandybak
68% match
Loading thumbnail…

Gist 4e55f8e8b799944cb6b33e98fd168250

This visualization shows a networked 3D scene assembled from GLTF assets, with a grid of nodes representing interactive media frames, text labels, and environmental elements like water, sky, and lighting. The code defines a complete virtual space using Three.js-style scene-graph components, including spawn points, waypoints, audio zones, particle emitters, and colliders. A central box-collider acts as a ground plane, while the scene includes a nav-mesh for navigation and a hidden trigger volume. The setup demonstrates how MIXED REALITY components—such as networked objects, media frames, and physics properties—combine to create a shareable, interactive environment with URLs for external image, video, and audio assets.

Aandybak
68% match
Loading thumbnail…

Gist fcaa6cc1968b4cd0eac0f15d1f0ff3f4

This visualization maps geographic data onto a three-dimensional globe using D3.js and Three.js. It renders landmasses as extruded polygons via `d3.geoPath` and converts them to Three.js geometry, while a `d3.forceSimulation` drives the rotation of the globe. The example also applies a canvas-based texture through `getImageData` to overlay graticule lines and subtle shading, and it animates the camera with `transition.attrTween` to smoothly orbit the planet. The data comes from a GeoJSON source embedded in the gist file.

YYannael
68% match