BestHub
Sign in
Tag

3D visualization

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 6, 2025 · Frontend Development

Advanced Three.js 3D Visualization: Grid Helpers, Line Rendering, GUI Controls, Animations, Bezier Connections, Particle Tornado, and Bloom Effects

This comprehensive tutorial demonstrates how to build sophisticated 3D visualizations with Three.js, covering file organization, grid helpers, custom line creation, GUI parameter controls, warning tags, animated bezier connections, a particle-based tornado simulation, and realistic bloom lighting effects, all with detailed TypeScript code examples.

3D visualizationThree.jsWebGL
0 likes · 47 min read
Advanced Three.js 3D Visualization: Grid Helpers, Line Rendering, GUI Controls, Animations, Bezier Connections, Particle Tornado, and Bloom Effects
Model Perspective
Model Perspective
Oct 14, 2024 · Fundamentals

Visualizing Sensitivity: How 3D Plots Reveal Key Model Variables

Through an exploration of sensitivity analysis and 3D visualization techniques—using tools like Plotly—this article demonstrates how to identify the most influential input parameters in mathematical models, illustrate complex relationships with interactive graphics, and support model validation, optimization, and decision‑making.

3D visualizationPlotlydata analysis
0 likes · 7 min read
Visualizing Sensitivity: How 3D Plots Reveal Key Model Variables
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 19, 2024 · Frontend Development

Three.js & Vue Smart Campus 3D Scene – Project Overview and Technical Documentation

This article introduces a graduation project that creates an interactive smart campus 3D scene using three.js and Vue, provides demo links, outlines core features, offers a quick‑start guide, and gives detailed explanations of each module, modeling conventions, and performance tips.

3D visualizationCode TutorialSmart Campus
0 likes · 7 min read
Three.js & Vue Smart Campus 3D Scene – Project Overview and Technical Documentation
JD Retail Technology
JD Retail Technology
Jul 11, 2024 · Artificial Intelligence

Technical Exploration of JD.Vision on Apple Vision Pro: Spatial Computing, 3D Product Display, Custom Gestures, and Shader Optimization

This article details JD.Vision's development for Apple Vision Pro, covering the device's spatial‑computing capabilities, 3D product visualization, custom hand‑gesture recognition using AI models, shader customization, and performance optimizations for immersive AR shopping experiences.

3D visualizationAR/VRApple Vision Pro
0 likes · 11 min read
Technical Exploration of JD.Vision on Apple Vision Pro: Spatial Computing, 3D Product Display, Custom Gestures, and Shader Optimization
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 3, 2024 · Frontend Development

Rapid Development of a 3D Parking Lot Visualization Using the esMap Engine

This article details how to quickly create a web‑based 3D parking‑lot demo with scene modeling, dynamic lamp markers, interactive controls, editing, heat‑map overlay, and path‑planning using the esMap visualization SDK, including full code snippets and deployment steps.

3D visualizationJavaScriptParking lot
0 likes · 17 min read
Rapid Development of a 3D Parking Lot Visualization Using the esMap Engine
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 19, 2024 · Frontend Development

City Data Visualization Demo with Three.js, Vite, and TypeScript

This article presents a step‑by‑step guide for building an interactive 3D city data visualization using Vite, TypeScript, and Three.js, covering model loading, scene centering, fly‑line generation, line‑drawing, CSS2D overlays, camera presets, and custom shaders with complete code examples.

3D visualizationThree.jsWebGL
0 likes · 18 min read
City Data Visualization Demo with Three.js, Vite, and TypeScript
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 23, 2023 · Frontend Development

Creating a 3D Turbine Visualization with Vite, TypeScript, and Three.js

This tutorial walks through building an interactive 3D turbine scene using Vite, TypeScript, and Three.js, covering model loading, lighting, orthographic camera setup, trackball controls, edge‑line generation, bloom post‑processing, GUI tweaking, and animated turbine rotation, with full source links.

3D visualizationThree.jsWebGL
0 likes · 13 min read
Creating a 3D Turbine Visualization with Vite, TypeScript, and Three.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 14, 2023 · Frontend Development

Three.js API Wrapper and 3D Visualization in a Vue3 Project

This article introduces the fundamentals of Three.js, demonstrates how to encapsulate its core APIs into a Viewer class, and walks through building a Vue3-based 3D visualization project with scene, camera, lighting, model loading, skybox, mouse interaction, and helper utilities.

3D visualizationFrontend DevelopmentJavaScript
0 likes · 13 min read
Three.js API Wrapper and 3D Visualization in a Vue3 Project
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 29, 2022 · Frontend Development

Comprehensive Guide to Using Entity and Primitive Methods for 3D Earth Visualization with Cesium

This article provides an in‑depth tutorial on creating and customizing Cesium entities and primitives—including boxes, points, and various geometric shapes—explaining their properties, visual attributes, performance considerations, and offering complete JavaScript code examples for interactive 3D earth visualizations.

3D visualizationCesiumEntity
0 likes · 18 min read
Comprehensive Guide to Using Entity and Primitive Methods for 3D Earth Visualization with Cesium
Python Programming Learning Circle
Python Programming Learning Circle
Dec 3, 2021 · Fundamentals

Using Mayavi for 3D Visualization in Python: Installation, Core Concepts, and Example Code

This tutorial walks through installing the Mayavi library, explains its core mlab module and API, and provides a series of Python code examples—including mesh, points3d, plot3d, imshow, surf, contour3d, and quiver3d—to demonstrate how to create various 3‑D visualizations.

3D visualizationData VisualizationMayavi
0 likes · 8 min read
Using Mayavi for 3D Visualization in Python: Installation, Core Concepts, and Example Code
vivo Internet Technology
vivo Internet Technology
Apr 7, 2021 · Frontend Development

3D Data Visualization in Front-end Development: From Concept to Practice

The article guides front‑end developers from basic 2D charting to immersive 3D data visualizations, explaining WebGL’s rendering pipeline, comparing libraries such as Three.js and Babylon.js, detailing camera, lighting, model handling techniques, and showing how Draco compression dramatically shrinks GLB assets while preserving quality.

3D rendering3D visualizationData Visualization
0 likes · 15 min read
3D Data Visualization in Front-end Development: From Concept to Practice
Zhengtong Technical Team
Zhengtong Technical Team
May 15, 2020 · Frontend Development

Volume Rendering Techniques in 3D GIS: Triangulation Mesh, Voxel Grid, and Volume Rendering

This article introduces three core 3D volume‑display techniques—triangulation mesh, voxel‑grid, and volume rendering—explaining their principles, advantages, disadvantages, suitable scenarios, and implementation details such as WebGL shaders and instanced drawing for GIS visualisation.

3D visualizationGISVolume Rendering
0 likes · 12 min read
Volume Rendering Techniques in 3D GIS: Triangulation Mesh, Voxel Grid, and Volume Rendering