open-index/open-npm huggingface dataset:
npm package: @hms-dbmi-bgm/react-workflow-viz
Description: React component for visualizing CWL-like workflows and provenance graphs.
Author: 4DN DCIC
Latest version: 0.2.0-beta.1

# react-workflow-viz
React component for visualizing CWL-like workflows (and similar data).

This repository is in alpha/beta phase, and is provided with very, very limited support to folks outside of HMS. Hopefully, in the future this will change!

Currently, this package is being used by HMS-DBMI in the [4DN Data Portal](https://data.4dnucleome.org/experiment-set-replicates/4DNESMU2MA2G/#graph-section) to show provenance of analytical pipeline runs.
Also being used in [CGAP](https://cgap.hms.harvard.edu) for similar purposes.

Check out a live demo at [unpkg.com/@hms-dbmi-bgm/react-workflow-viz/index.html](https://unpkg.com/@hms-dbmi-bgm/react-workflow-viz/index.html). _Note: This link points to the index.html file in the distributable NPM package (and in this repo)._

[![Gif of CWL Workflow Viz](https://i.gyazo.com/0c5e73105b1f284c16a9cca03ec866ed.gif)](https://unpkg.com/@hms-dbmi-bgm/react-workflow-viz/index.html)

<br/>
<br/>

## Try Demo Locally

With a local clone and checkout of the repo:
```
npm install
npm run build
```

When it completes, load `file:///path-to-your-checkout/react-workflow-viz/index.html`.

_Note: New test data won't show with `npm run build` unless it is already present in unpkg/npm. Similarly, if a new NPM release has not been made to match the current local version specified in `package-lock.json` and `package.json`, no data will load at file:/// path. Run local development server and test that way instead (see below)._

<br/>

### For Contributors/Collaborators
For local development, run `npm run dev` (watches `/src/` files, serves on `localhost:8100`).

<br/>
<br/>

## Changelog
Changelog has been moved to `CHANGELOG.md` file in [repo's root directory](https://github.com/4dn-dcic/react-workflow-viz/blob/master/CHANGELOG.md). Please check there for updates.

<br/>
<br/>

## Things to do

- Add & export a script/function to convert a unidirectional CWL into bidirectonal structure needed for this viz tool.
- Add complete example of CWL being visualized (including usage of script/function above to do so).
- Include way to show contents of testdata/setup code in demo index.html view/page.
- Documentation & reference
npm package: @hms-dbmi/viv
Description: > A WebGL-powered toolkit for interactive visualization of high-resolution, multiplexed bioimaging datasets.
Author: Ilan Gold
Latest version: 0.20.0

# @hms-dbmi/viv

> A WebGL-powered toolkit for interactive visualization of high-resolution, multiplexed bioimaging datasets.

[![npm version](https://badge.fury.io/js/%40hms-dbmi%2Fviv.svg)](https://badge.fury.io/js/%40hms-dbmi%2Fviv) [![package documenation](https://img.shields.io/badge/package-documentation-blue)](http://viv.gehlenborglab.org)

<p align="center">
<img src="https://github.com/hms-dbmi/viv/raw/main/sites/docs/src/3d-slicing.gif" alt="Interactive volumetric view in web browser; sliders control visible planes." width="400"/> <img src="https://github.com/hms-dbmi/viv/raw/master/sites/docs/src/glomerular-lens.png" alt="Multi-channel rendering of high-resolution microscopy dataset" width="400"/>
</p>

## Installation

```sh
npm install @hms-dbmi/viv
```

You will also need to install [deck.gl](https://deck.gl) and other `peerDependencies` manually.
This step prevent users from installing multiple versions of deck.gl in their projects.

```sh
npm install deck.gl @luma.gl/core
```

## Documentation

Detailed API information and example sippets can be found in our [documentation](http://viv.gehlenborglab.org).