v0.0.23

@h5web/lib

• Export H5CoreProvider #718

v0.0.22

@h5web/lib

• ✨ [HeatmapVis] Add flipYAxis prop to flip the heatmap along the ordinate.

v0.0.20

@h5web/app

• ✨ [Heatmap] When "keep ratio" is enabled, the canvas and the axes of the heatmap now fill all available space. #679
• [Heatmap] Turn grid on by default, to avoid empty space between image and axes with new "keep ratio" behaviour. #690
• [Heatmap, Line] Show axes when grid is disabled. #709

@h5web/lib

• ✨ [HeatmapVis] Boolean prop keepAspectRatio becomes layout, which now accepts three possible values: cover (the default), fill and contain. Layouts fill and contain are equivalent to keepAspectRatio={false} and keepAspectRatio={true}, respectively. The new default layout, cover, tells the image to keep its ratio (like contain) yet allows the canvas and axes to fill all available space (like fill). This is particularly beneficial when zooming. #679 #705
• [HeatmapVis] Add children prop so users can pass additional layers to the heatmap. #688
• [LineVis] Add children prop so users can pass additional layers to the line. #707
• [Annotation, Html] Add Annotation component (and its low-level counterpart Html) for the purpose of implementing visualization layers. #688 #695 #701 #707
• [Toolbar] Fix overflow menu not opening. #698
• [Toolbar] Allow domain slider's track to be resized with CSS variables. #699
• [VisCanvas] Show axes when grid is disabled. #709
• Rename computeVisSize utility to computeCanvasSize. #705

Screenshots

Heatmap cover layout

v0.0.19

@h5web/app

• 🐛 Cancel edits when closing domain slider popup. #677

@h5web/lib

• ✨ Add responsive Toolbar and toolbar controls: Separator, ToggleBtn, ToggleGroup, DomainSlider, ColorMapSelector, ScaleSelector, GridToggler - cf. new Toolbar stories. #678
• Add getVisDomain and getSafeDomain utilities, useVisDomain and useSafeDomain hooks , and CustomDomin and DomainErrors models - cf. Utilities documentation page. #678
• Document new CSS variables to customize the toolbar - cf. Customization documentation page. #680

v0.0.18

@h5web/app

• ✨ Support visualizing datasets with complex values:
  • phase, amplitude or both (with amplitude as transparency layer) as heatmap; #634 #651
  • phase or amplitude as line; #664
  • NeXus data group as image or spectrum. #653 #667
• ✨ Allow cancelling and retrying long-running requests for dataset values. #635 #640 #647 #652 #658 #659
• ✨ Implement dark mode and switch to it based on user's system preference. #666
• 🐛 Fix asynchronous rehydration and extraneous re-mounts of config stores. #646
• 🐛 Fix errors for datasets or attributes containing NaN and Infinity in HsdsProvider. #639 #645
• Improve display of complex values in ScalarVis, MatrixVis and metadata viewer. #629
• Improve fallback and error messages when entity has no visualization or is not found. #628 #630
• Optimize domain computations. #638
• Show dimension mapper while fetching dataset values. #643

@h5web/lib

• ✨ [LineVis] Support providing multiple auxiliary curve colors. #671
• ✨ [Heatmap] Support passing transparency array and domain. #634
• ✨ Support customizing visualizations via CSS custom properties. #662 #663
  • Document technique and properties in Storybook (cf. new Customization page).
  • Visualizations now work out of the box without the need to declare or import any CSS custom properties.
• 🐛 [Heatmap, Line] Fix scroll prevention when zooming with mouse wheel. #624
• [ScalarVis, MatrixVis] Improve display of complex values. #629
• Document CSS requirements for parent element of visualizations. #662
• Add MatrixVis and remove ScalarVis. #672

---

Screenshots

Auxiliary curves with individual colors

Phase of complex dataset

Dark mode

v0.0.15

@h5web/app

• ✨ Upgrade to React 17, react-three-fiber 6 and Three 127. Three's latest tree-shaking improvements should result in a smaller bundle for H5Web.
• ✨ [Line, Heatmap] Optimise slicing through large nD datasets.
• 🐛 [Line, Heatmap] Fix missing tooltip guides.
• 🐛 [Scalar, Matrix] Fix visualization of unsigned integer datasets (regression introduced in v0.0.14).
• Let explorer panel be resized to a smaller width (useful when used in Jupyter notebooks).
• Limit device pixel ratio to 3 on high-end devices for performance reasons.

@h5web/lib

• ✨ Add getDomains and getCombinedDomain utilities (and their memoised hook counterparts useDomains and useCombinedDomain) to help compute overall domain for multi-curve visualizations.
• ✨ Document utility functions better in Storybook.
• 🐛 [LineVis, HeatmapVis] Fix missing tooltip guides.
• Remove getDims utility.

v0.0.14

@h5web/app

• ✨ Path of current entity can be copied to clipboard by clicking on last breadcrumb #607
• ✨ Attributes pointing to NeXus entities can be clicked on for navigation in metadata viewer #582
• Allow inspection of raw, unknown types in metadata viewer #591
• Improve display of unresolved entities and dataset types in metadata viewer #596 #593
• Support rendering the app multiple times on the same page (e.g. in Jupyter Notebooks) #575
• Make navigation panel easier to resize #602
• Dimension slicing sliders now resize correctly when inside a resizable container (e.g. with CSS property resize: vertical) #599
• Fix accessibility of domain slider tooltip in Heatmap toolbar #571
• Switch back to WebGL 2 as default #583

@h5web/lib

• [JupyterProvider, HsdsProvider] Add the compatible backend version in the docstring #606

---

Screenshots

Copy path of selected entity

Follow NeXus attributes

v0.0.13

@h5web/app

• Fix fetching of attributes when using JupyterLab's back-end #566
• [Heatmap] Make color map limits fall back to data domain when custom limits are invalid (e.g. min > max) #565 #567
• [Heatmap] Add button to swap custom limits when min is greater than max #568

@h5web/lib

• [JupyterProvider] Request handling is now compatible with jupyterlab_hdf 0.5.1 #566

v0.0.12

@h5web/app

• [Heatmap, Line] Zooming no longer scrolls the page #549
• [NxSpectrum] Add support for auxiliary_signals (displayed as additional curves) #556
• [Heatmap] Rework the color map limits slider: #513 #521 #524 #526 #527 #529 #530 #533 #534 #538 #557 #560 #562
  • the limits are now shown more prominently and accurately in a tooltip;
  • the limits can be auto-scaled independently;
  • the limits can be edited manually;
  • the data range is shown in the tooltip and on the slider's track;
  • the extent of the slider always adapts to the currently applied limits;
  • if a limit has a custom value that is incompatible with the current scale type, a fallback is applied and an error message is shown.
• [Line] Make spacing around the curve consistent across scale types #534
• Add explanatory tooltip when hovering a dataset's dimensions #545
• Support older browsers (WebGL1 as default) #548
• Show error message on unsupported browsers (i.e. browsers that don't support ResizeObserver) #548

@h5web/lib

• [HeatmapVis, LineVis, PanZoomMesh] Zooming no longer scrolls the page #549
• [LineVis] Add prop auxArrays to display auxiliary curves #556
• [LineVis] Make spacing around the curve consistent across scale types #534
• [DimensionMapper] Add explanatory tooltip when hovering a dataset's dimensions #545

---

Screenshots

Auxiliary signals

Color map limits slider

v0.0.11

@h5web/app

• [Heatmap] Speed up rendering with shaders and remove web worker implementation #478
• [Heatmap] Show two colors in color bar for single-value domain #489
• [Heatmap] Show min/max bounds above/below color bar (or +/- inf for single-value domain) #492
• [Heatmap] Add toggle to invert color map in toolbar #500
• [Heatmap] Add HSL color map #501
• [Matrix, Scalar] Support boolean and Complex values.

@h5web/lib

• [HeatmapVis, ColorBar, Mesh] Add prop invertColorMap to invert color map #500
• [Mesh] Speed up rendering of heatmap mesh with shaders #478
• [HeatmapVis, Mesh] Remove showLoader prop #478
• [ColorBar] Add prop withBounds to show min/max bounds (compatible with horizontal) #492
• [ColorBar] Show two colors for single-value domain #489
• [MatrixVis] Let dataArray prop accept boolean and Complex ndarray.
• [ScalarVis] Let value prop accept boolean and Complex value.