Live demo:
https://respsnty.github.io/visualization/
Three-dimensional magnetization by holographic vector field electron tomography
Yi Zhao,1,2 Weiwei Wang,3,* Boyao Lyu,1 Jan Caron,4 Shasha Wang,1 Dongsheng Song,3 Hongchu Du,4 Rafal E. Dunin-Borkowski,4 Haifeng Du,1,† and Fengshan Zheng5,6,‡
1Anhui Province Key Laboratory of Low-Energy Quantum Materials and Devices, High Magnetic Field Laboratory, HFIPS, Chinese Academy of Sciences, Hefei, Anhui 230031, China
2University of Science and Technology of China, Hefei 230026, China
3Institutes of Physical Science and Information Technology, Anhui University, Hefei 230601, China
4Ernst Ruska-Centre for Microscopy and Spectroscopy with Electrons and Peter Grunberg Institute, Forschungszentrum Julich, Julich 52425, Germany
5Spin-X Institute, School of Physics and Optoelectronics, Guangdong-Hong Kong-Macao Joint Laboratory of Optoelectronic and Magnetic Functional Materials, State Key Laboratory of Luminescent Materials and Devices, South China University of Technology, Guangzhou 511442, China
6Center for Electron Microscopy, South China University of Technology, Guangzhou 511442, ChinaDated: June 17, 2026
Show Grid: Show or hide the reference grid.Mesh: Switch the bounding box display mode betweenoutline,box, andhidden.
Modeall: Sample arrows throughout the full 3D volume.layer: Show arrows only on one selected slice layer.
Direction: Select the layer direction inlayermode. Supported directions arex,y, andz.Index: Select the layer index inlayermode. The range is updated automatically from the data dimensions.Nx / Ny / Nz: Control the arrow sampling density.Size: Control the arrow size.Component: Color arrows by themx,my, ormzcomponent.Colormap: Select the arrow colormap.
Direction: Select the slice direction.Index: Select the slice layer index.Componentall-components: Use HSV color for the in-plane magnetization direction, with black/white shading frommz.mx / my / mz: Show a single magnetization component.
Colormap: Select the slice colormap.
Show: Enable or disable the isosurface.Component: Generate the isosurface frommx,my, ormz.Value: Set the isosurface value.Resolution: Set the Marching Cubes resolution. Higher values produce finer surfaces but take longer to compute.
To preview locally, run this command in the project directory:
python -m http.server 8000Then open:
http://127.0.0.1:8000/
Do not open index.html by double-clicking it directly. Most browsers block local pages from reading final.vtr.
