Viv
A WebGL-powered JavaScript library for interactive visualization of high-resolution multiplexed bioimaging data directly in the browser.
What is Viv?
Viv is a JavaScript library for multiscale visualization of high-resolution multiplexed bioimaging data on the web. It directly renders open-standard formats like OME-TIFF and OME-NGFF (Zarr) in the browser using WebGL, enabling interactive exploration of complex imaging datasets without server-side processing. The library addresses the challenge of visualizing large, multidimensional bioimaging data efficiently in web applications.
Bioinformatics researchers, data scientists, and developers building web-based visualization tools for microscopy, spatial transcriptomics, or other high-resolution imaging data. It is also suited for projects requiring interactive, client-side rendering of scientific image formats.
Developers choose Viv for its native support of open bioimaging standards, seamless integration with deck.gl for composable visualizations, and pure client-side operation that reduces server load. Its WebGL-powered rendering ensures high performance with large datasets, making it a specialized tool for the bioimaging community.
Overview
Library for multiscale visualization of high-resolution multiplexed bioimaging data on the web. Directly renders Zarr and OME-TIFF.
Use Cases
Best For
- Building interactive web viewers for OME-TIFF or OME-NGFF (Zarr) bioimaging datasets
- Creating multiscale visualizations of high-resolution microscopy or multiplexed imaging data
- Developing scientific visualization dashboards with deck.gl integration
- Enabling client-side exploration of large imaging files without server rendering
- Embedding bioimaging visualizations in Jupyter notebooks or web applications
- Visualizing spatial transcriptomics or other multiplexed assay data in the browser
Not Ideal For
- Projects focused on general-purpose image formats like JPEG or PNG without bioimaging data
- Applications requiring extensive server-side image analysis or computational processing
- Teams needing a standalone viewer without integration into deck.gl-based visualizations
- Environments with strict browser limitations or lack of WebGL support, such as older devices
Pros & Cons
Pros
Leverages GPU acceleration for smooth rendering of large datasets, enabling high-resolution visualization without server load, as highlighted in the WebGL-powered rendering feature.
Directly loads OME-TIFF, OME-NGFF, and Indexed OME-TIFF formats natively, promoting interoperability in the bioimaging community, as stated in the supported data formats section.
Components are packaged as deck.gl layers, allowing easy composition with existing visualization layers for rich, interactive applications, as described in the about section.
Operates purely in the browser, reducing server dependencies and enabling offline use, which is a key philosophy emphasized in the project description.
Cons
Requires manual installation of peer dependencies like deck.gl and @luma.gl/core, which can complicate setup and lead to version conflicts, as noted in the installation instructions.
Breaking changes may occur on minor version updates, as mentioned in the changelog, requiring careful upgrades and potentially disrupting existing projects.
Primarily supports specific open standards; proprietary formats need conversion via bioformats2raw pipeline, adding preprocessing steps and complexity for users with non-standard data.
Frequently Asked Questions
Related Projects
OHIFOHIF zero-footprint DICOM viewer and oncology specific Lesion Tracker, plus shared extension packages
Cornerstone[Deprecated] Use Cornerstone3D Instead https://cornerstonejs.org/
PapayaA pure JavaScript medical research image viewer.
DicoogleDicoogle - Open Source PACS
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.