An extension for visualising products in a 3D space

Latest Version

Version

1.0

Update

May 1, 2023

Size

225MiB

Developer

3D Globe Visualisation Extension

Retail websites that display their products in a grid-like format do not offer alternative layouts for its users when browsing. As the size of the product collection increases alongside its corresponding number of categories, it can become progressively difficult for shoppers to view the items on offer
without having to continuously scroll through the webpage or open new tabs for each desired product of interest. Thus, this project aims to fill this gap between the current state of retail websites and an improved state by extracting products from the current tab and displaying these in an alternative interactive 3D manner to enhance a user’s browsing experience.

- Use left click to select the product, this will bring you to the product webpage
- Use the scroll wheel to zoom in and out
- Use the slider button in the bottom left to increase the size of images
- Use the mouse pointer to rotate the globe

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "3D Globe Visualisation", "version": "1.0", "description": "An extension for visualising products in a 3D space", "content_security_policy": { "extension_pages": "default-src 'self' 'wasm-unsafe-eval'; img-src 'self' *" }, "permissions": ["activeTab","scripting"], "background" : { "service_worker": "background.js" }, "action": { "default_popup": "popup/popup.html", "default_icon": { "16": "images/globe_16.png", "32": "images/globe_32.png", "128": "images/globe_128.png" } }}

Download CRX(225MiB)