Skip to content

silx-kit/h5web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jun 21, 2021
541bc3a ยท Jun 21, 2021
Jun 9, 2021
Jun 10, 2021
Nov 26, 2020
Jun 16, 2021
Jun 18, 2021
Feb 21, 2020
Jun 21, 2021
Feb 21, 2020
Jun 3, 2021
Nov 6, 2020
Jun 9, 2021
May 31, 2021
Jun 9, 2021
Dec 22, 2020
Jun 18, 2021
Dec 22, 2020
Feb 17, 2021
Jan 28, 2021
Jun 9, 2020
Jun 21, 2021
Jun 21, 2021
Dec 23, 2020

Repository files navigation

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'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'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:

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.

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.