Skip to main content
100%

Gist 0ea3280775a189e0e80fa93b2445e92e

✓ Published0🌍 Public
Aandybak
Last edited Oct 21, 2025
Created on Oct 21, 2025

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.

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
71% match
Loading thumbnail…

Gist 786ba24d8dc3ab6d65192a9b8b74b2a5

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.

Aandybak
70% 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
69% match
Loading thumbnail…

Gist 6e56678993df5a603e27787a7af84f9c

This visualization shows a virtual reality scene of an open brush painting environment, with a headset and controllers rendered in 3D space. The configuration file sets up video capture parameters for exporting the scene, including resolution, frame rate, and camera smoothing. It uses Three.js for 3D rendering and specifies post-processing effects, FBX export options, and audio settings. The data originates from a Full of Eyes YouTube channel and is configured for both online and offline video output, with camera path saving enabled.

Aandybak
68% match
Loading thumbnail…

Gist 3a15019e7485e512117d4a041eb217dd

An interactive WebGL visualization displays a partially transparent human brain surface model, rendered in white with a randomized pattern of fully transparent faces that create a mesh-like see-through effect. The scene uses Three.js with the VTKLoader to load a FreeSurfer curvature dataset, applying dual materials—one opaque and one fully transparent—to individual faces. TrackballControls enable rotation, zoom, and panning, while a directional light and stats monitor support the animated 3D exploration.

Aakeshavan
67% match
Loading thumbnail…

Gist 2bf4f8f77b581264da82c111addb1dd0

This example provides a web-based control panel for managing a 3D virtual reality drawing environment. It allows users to configure brush types, sizes, and colors, as well as set the spectator camera’s position, target, and movement modes like stationary, follow, circular, or wobble. The interface also toggles visibility of canvas layers, UI elements, and user tools, and triggers actions such as saving, exporting, or clearing the scene. The code uses plain HTML form controls and JavaScript event handlers, with template placeholders for brush and environment data, but does not rely on external visualization libraries.

Aandybak
67% 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
66% match
Loading thumbnail…

Gist d773d6efc9640e3600ce

This WebGL-based visualization uses Three.js's CSS3DRenderer to position and animate 3D objects in a browser scene, with device orientation controls enabling rotation based on a mobile device's physical movement. The renderer maps 3D transforms onto CSS3D objects, preserving depth and perspective. The scene is rendered using a combination of CSS3D and WebGL techniques, with animated transitions driven by device orientation input.

Aabernier
66% match