Probe3DViewer

Live example

Source

import 'normalize.css';

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

import jsonData from 'tonic-arctic-sample-data/data/probe/index.json';

import ImageBuilder from 'paraviewweb/src/Rendering/Image/DataProberImageBuilder';
import LookupTableManager from 'paraviewweb/src/Common/Core/LookupTableManager';
import Probe3DViewer from 'paraviewweb/src/React/Viewers/Probe3DViewer';
import QueryDataModel from 'paraviewweb/src/IO/Core/QueryDataModel';

const bodyElement = document.querySelector('.content');

// Fix dimension
jsonData.metadata.dimensions = [50, 50, 50];
const dataModel = new QueryDataModel(jsonData, `${__BASE_PATH__}/data/probe/`);

ReactDOM.render(
React.createElement(Probe3DViewer, {
queryDataModel: dataModel,
imageBuilder: new ImageBuilder(dataModel, new LookupTableManager()),
probe: true,
}),
bodyElement
);

setTimeout(() => {
dataModel.fetchData();
}, 0);