Visualize Wellbore Scan Data in 3D on the Web

A web app that turns large 3D wellbore scans into an interactive 3D, cross-section, and fly-through viewer, no install required.

Client context

A mid-sized energy data services provider operated an API that stores drilling well metadata, depth-tagged annotations, and 3D wellbore scans for each well. Geologists and drilling engineers needed to inspect these scans interactively: rotate, navigate by depth, and check cross-sections against the bit. They had no dedicated 3D viewer and relied on standalone desktop tooling.

The challenge

• Large, hard-to-render scans. Scan files range up to hundreds of megabytes with tens of thousands of vertices and faces per wellbore. Loading these naively in a browser would freeze the UI.
• Depth-locked analysis missing. Engineers needed to jump to an exact depth, see a perpendicular cross-section with the drill bit positioned against the wellbore wall, and fly inside the wellbore. None of the existing desktop tooling offered this, and each introduces floating-point precision and camera-orientation stability problems.

The solution

A single-page web app that authenticates against the existing API, downloads the requested scan, and renders it with an interactive depth panel, dynamic cross-section, and an immersive fly-through mode. The same wellbore model drives all views and stays synchronized as the user moves the depth slider.

What it is: an install-free, browser-based 3D wellbore visualization tool that joins authenticated well metadata, depth annotations, and the scan into one interactive workspace.

• Interactive 3D wellbore viewer with wireframe and mesh rendering, vertex colors, orbit controls, zoom, and a compass helper.
• Meter-precise depth navigation with depth slider, vertical scale, current-depth indicator, and interval depth markers.
• Real-time cross-section slicing that dynamically generates a perpendicular cross-section at the current depth, with the drill bit positioned and clamped inside the wellbore bounds.
• Fly-inside-the-wellbore mode where the camera travels along the computed centerline through the 3D scan, with pause/resume and automatic exit when orbit controls engage.
• Fullscreen and mobile views including a dedicated fullscreen immersive mode and a responsive mobile layout.
• Well header and annotations with a tabbed panel showing authorized well metadata (operator, licensee, service company, depth range) and a sortable annotations table pulled live from the API.

Outcomes

• Renders large scans (hundreds of MB, tens of thousands of vertices and faces) interactively in the browser, with no plugin or install required.
• Web-worker chunked parsing keeps the UI thread responsive during multi-hundred-MB loads.
• Supports wellbores spanning hundreds of meters of measured depth with meter-precise, floating-point-safe depth navigation.
• Generates a real-time cross-section at any depth directly from the 3D geometry, including automatic drill-bit positioning clamped to wellbore bounds.
• Three documented V&V investigations caught and corrected data and pipeline defects during the engagement rather than after release.