Skip to content

Latest commit

 

History

History
76 lines (51 loc) · 3.01 KB

README.md

File metadata and controls

76 lines (51 loc) · 3.01 KB

H5Web, a web-based HDF5 file viewer

Demo

H5Web is a stand-alone, web-based viewer to explore HDF5 files. It is built with React and uses react-three-fiber for visualizations.

H5Web GIF demo

NPM packages 📚

@h5web/lib

H5Web's component library, which includes the main visualization components (LineVis, HeatmapVis, etc.) as well as some of their lower-level building blocks (VisCanvas, ColorBar, etc.)

The library is documented in a Storybook site accessible at https://h5web-docs.panosc.eu.

Some examples of usage of @h5web/lib:

@h5web/app

H5Web's top-level App component and built-in data providers.

Data providers are components that fetch data from HDF5 back-end solutions and provide this data to the app through React Context. H5Web currently includes two providers out of the box, which are both under active development:

Demos

The stand-alone demo app demonstrates the use of the built-in data providers and visualizations. Three demos are available, one per data provider:

Jupyter Lab HDF5 extension

This demo is available at https://h5web.panosc.eu.

The following HDF5 files can be reached with a URL of the form https://h5web.panosc.eu/?file=<name>:

  • water_224.h5 (default): A typical NeXUS file with various real-world datasets to demonstrate the visualizations.
  • compressed.h5: A file with datasets compressed with various filters to test decompression.
  • links.h5: A file with external links, soft links and a virtual dataset to test link resolution.

HSDS

This demo is available at https://h5web.panosc.eu/hsds.

The following HDF5 files can be reached with a URL of the form https://h5web.panosc.eu/hsds?file=<name>:

  • /home/reader/water (default): The file water_224.h5. Some datasets cannot be displayed as bitshuffle compression is not supported by HSDS yet.
  • /home/reader/links: The file links.h5.
  • /home/reader/compressed: The file compressed.h5.
  • /home/reader/tall: The demo file of HSDS.

Mock data

At https://h5web.panosc.eu/mock, you can view a set of mock data generated entirely on the front-end. This demo and its provider, MockProvider are used for end-to-end testing purposes.