Point Cloud Viewer

Point Cloud Web Viewer

Point cloud data is typically large (GB-scale). TSVIDEV converts and streams point clouds via Potree octree indexing and WebGL rendering.

View Live Demo ↓

Core Technologies

Three.js

Open-source 3D rendering engine — processes millions of points on GPU via WebGL.

Potree

Octree-based streaming library with automatic Level of Detail (LOD) for point clouds.

WebGL

Hardware-accelerated graphics API in the browser — no plugins required.

Browser Capabilities

Real-time 3D Navigation

Orbit, zoom, and freely move the camera in 3D space.

Distance Measurement

Measure distances and elevations directly on the point cloud.

Original Color Rendering

RGB values from scanner/drone rendered via WebGL shaders.

Live Demo

viewer.js

import * as THREE from 'three';
import { Potree } from 'potree-core';

const renderer = new THREE.WebGLRenderer({ antialias: true });
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(60, w / h, 0.1, 10000);

// Load octree-indexed point cloud
const pointcloud = await Potree.loadPointCloud(
  'https://tsvidev.com/api/v1/pointcloud/metadata.json'
);

pointcloud.material.pointSizeType = Potree.PointSizeType.ADAPTIVE;
pointcloud.material.shape = Potree.PointShape.CIRCLE;
pointcloud.material.pointBudget = 2_000_000;
scene.add(pointcloud);

// Render loop with LOD streaming
function animate() {
  requestAnimationFrame(animate);
  pointcloud.updateVisibility(camera, renderer);
  renderer.render(scene, camera);
}
animate();

Rotate, zoom, and interact with the model directly in the browser via WebGL.

Features

Point cloud streaming with automatic LOD via Potree octree

LAS/LAZ file support up to multiple GBs

Original RGB color preservation from scan/drone

3D interaction: orbit, zoom, distance measurement

Overlay with BIM models and 3D Tiles in the same project

Per-project access control and visit tracking

Supported Formats

LAS LAZ Point Cloud LiDAR

Use Cases

Publish as-built laser scan data to the web viewer.

Stream topographic survey point clouds via Potree.

Manage point cloud access per project with permissions.

Overlay point clouds with GIS vector layers for comparison.

FAQ

Each LAS/LAZ file can be up to 5GB. A project supports multiple point cloud files.

Yes. TSVIDEV retains RGB values from the scanner or drone, rendered accurately via WebGL.

No. Any modern browser with WebGL support (Chrome, Firefox, Edge) is sufficient.

Yes. A single project can contain point clouds, IFC, GLB, and 3D Tiles as overlaid layers.

Learn More About TSVIDEV

Visit the homepage to explore projects and the latest features.

Go to TSVIDEV Home