jsfive
v0.3.14
Published
A pure javascript HDF5 file reader, based on pyfive
Downloads
1,405
Maintainers
Readme
jsfive: A pure javascript HDF5 file reader
jsfive is a library for reading (not writing) HDF5 files using pure javascript, such as in the browser. It is based on the pyfive pure-python implementation of an HDF5 reader. Not all features of HDF5 are supported, but some key ones that are:
- data chunking
- data compression, if javascript zlib is provided (like pako)
It is only for reading HDF5 files as an ArrayBuffer representation of the file.
If you need to write HDF5 files in javascript consider using h5wasm (github, npm) instead (also provides efficient slicing of large datasets, and uses direct filesystem access in nodejs).
Dependencies
- ES6 module support (current versions of Firefox and Chrome work)
- zlib from pako
Limitations
- not all datatypes that are supported by pyfive (through numpy) are supported (yet), though dtypes like u8, f4, S12, i4 are supported.
- datafiles larger than javascript's Number.MAX_SAFE_INTEGER (in bytes) will result in corrupted reads, as the input ArrayBuffer can't be indexed above that (I'm pretty sure ArrayBuffers larger than that are allowed to exist in Javascript) since no 64-bit integers exist in javascript.
- currently this gives an upper limit of 9007199254740991 bytes, which is a lot. (~107 GB)
- currently the getitem syntax is not supported, but it will likely be soon, for browsers that support object Proxy (not IE), so you have to do say f.get('entry/dataset') instead of f['entry/dataset']
Installation
CDN:
If you want to use it as an old-style ES5 script, you can use the pre-built library in /dist/hdf5.js e.g.
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/browser/hdf5.js"></script>
NPM
To include in a project,
npm install jsfive
then in your project
import * as hdf5 from 'jsfive';
// this works in create-react-app too, in
// jsfive >= 0.3.7
or
const hdf5 = await import("jsfive");
Usage
With fetch, from the browser:
fetch(file_url)
.then(function(response) {
return response.arrayBuffer()
})
.then(function(buffer) {
var f = new hdf5.File(buffer, filename);
// do something with f;
// let g = f.get('group');
// let d = f.get('group/dataset');
// let v = d.value;
// let a = d.attrs;
});
Or if you want to upload a file to work with, into the browser:
function loadData() {
var file_input = document.getElementById('datafile');
var file = file_input.files[0]; // only one file allowed
let datafilename = file.name;
let reader = new FileReader();
reader.onloadend = function(evt) {
let barr = evt.target.result;
var f = new hdf5.File(barr, datafilename);
// do something with f...
}
reader.readAsArrayBuffer(file);
file_input.value = "";
}
in node REPL (might require --experimental-repl-await for older nodejs)
$ node
Welcome to Node.js v16.13.2.
Type ".help" for more information.
> const hdf5 = await import("jsfive");
undefined
> var fs = require("fs");
undefined
> var ab = fs.readFileSync("/home/brian/Downloads/sans59510.nxs.ngv");
undefined
> var f = new hdf5.File(ab.buffer);
undefined
> f.keys
[ 'entry' ]
> f.get("entry").attrs
{ NX_class: 'NXentry' }
>