ParaViewWeb

VolumeControl

Live example

Source

import 'normalize.css';

import React from 'react';
import ReactDOM from 'react-dom';

import EqualizerState from 'paraviewweb/src/Common/State/EqualizerState';
import LookupTableManager from 'paraviewweb/src/Common/Core/LookupTableManager';

import ToggleState from 'paraviewweb/src/Common/State/ToggleState';
import VolumeControl from 'paraviewweb/src/React/CollapsibleControls/VolumeControl';

const computation = new ToggleState();
const intensity = new ToggleState();
const equalizer = new EqualizerState({ size: 26 });
const lookupTableManager = new LookupTableManager();
const lookupTable = {
  originalRange: [-5, 15],
  lookupTableManager,
  lookupTable: lookupTableManager.addLookupTable('demo', [-5, 15], 'spectral'),
};
const container = document.querySelector('.content');

ReactDOM.render(
  React.createElement(VolumeControl, {
    computation,
    equalizer,
    intensity,
    lookupTable,
  }),
  container
);

document.body.style.margin = '10px';