<?xml version="1.0" encoding="UTF-8" ?>
<xml>
<records>
<record>
<title>A browser-based interactive 3D visualizer for molecular and object structures</title>
<authors>
<author>WenJun Zhang</author>
</authors>
<affiliations>
<affiliation>
School of Life Sciences, Sun Yat-sen University, Guangzhou 510275, China; International Academy of Ecology and Environmental Sciences, Hong Kong
</affiliation>
</affiliations>
<journal>Selforganizology</journal>
<issn>ISSN 2410-0080</issn>
<homepage>http://www.iaees.org/publications/journals/selforganizology/online-version.asp</homepage>
<year>2028</year>
<volume>15</volume>
<issue>1-2</issue>
<startpage>21</startpage>
<endpage>53</endpage>
<publisher>International Academy of Ecology and Environmental Sciences</publisher>
<location>Hong Kong</location>
<date>
<received>30 June 2026</received>
<accepted>12 July 2026</accepted>
<published>1 June 2028</published>
</date>
<keywords>
<keyword>3D visualization</keyword>
<keyword>interactive browser-based tool</keyword>
<keyword>molecular structure</keyword>
<keyword>3D object</keyword>
<keyword>XYZ file</keyword>
<keyword>OBJ file</keyword>
</keywords>
<abstract>
This paper presents a lightweight, browser-based interactive 3D visualizer for molecular and geometric object structures. The system is implemented as a standalone HTML, CSS, and JavaScript application and requires no external libraries, server-side computation, or WebGL support. It supports two common structural data formats: XYZ files for molecular coordinates and OBJ files for polygonal object geometry. XYZ data are rendered as depth-sorted shaded atomic spheres with element-dependent colors, while OBJ data are rendered as grayscale depth-enhanced wireframe models. The visualization pipeline is based on a custom affine 3D transformation matrix that supports scaling, translation, rotation, zooming, panning, and orthographic projection onto an HTML5 canvas. Users can interact with the model through mouse-based rotation, click or wheel-based zooming, slider-based panning, view resetting, and PNG image export. The program demonstrates how fundamental 3D visualization functions can be implemented using only the 2D canvas API, making it suitable for education, rapid structural inspection, and lightweight scientific visualization. Although the current implementation does not include advanced features such as molecular bond detection, perspective projection, hidden-line removal, or material-based OBJ rendering, it provides a compact and extensible framework for interactive visualization of molecular and object structures in standard web environments.
</abstract>
<url>http://www.iaees.org/publications/journals/selforganizology/articles/2028-15(1-2)/interactive-3D-visualizer-for-structures.pdf</url>
</record>
</records>
</xml>
