Build with Outkrop

Bring your data to the browser. Install the packages, open local files or connect a data service, and build views for your application.

Start

IntroductionChoose the Outkrop packages for seismic sections, well logs and crossplots in your application.InstallationInstall the packages in your application and prepare your browser build for WebGL2 and module workers.

Guides

Your First React SectionDisplay a seismic file selected in the browser, with cancellation, error handling and cleanup.Ready-Made ViewsUse section and crossplot props, navigation handles, saved ranges and PNG export.Try the PlaygroundExplore local files and generated samples in your browser before integrating the packages.Samples and Mock DataChoose between a synthetic DataSource and generated example files for your application.

Readers

Open Local FilesOpen browser files once and share the session with sections, well tracks, metadata panels and crossplots.Formats and MetadataUnderstand supported formats, frame columns, missing values, units and large-file limits.Parsing Without a ViewRead byte sources into seismic blocks or typed frame columns without a browser session or renderer.

Core

Engine, Panes, and CamerasCreate a framework-free surface, size panes, navigate cameras and release rendering resources.Layers and OverlaysCompose images, wiggles, scalar curves, points and annotations using public core providers.HTTP and Custom SourcesConnect a compatible data service, use local readers, and manage provider and worker ownership.

React

Custom React SurfacesCompose your own panes and layers while React owns the canvas and engine lifecycle.Theme IntegrationMap your application colors and fonts onto the ready-made views and custom surfaces.Hooks and ReadoutsFollow a camera window and display on-demand frame statistics without updating React every frame.