HASAN0176

@HASAN0176·2 public vizzes

Untitled

This interactive visualization provides a volume rendering of a user-uploaded .vti file, with a transfer function editor for exploring the data. It displays a 3D rendered volume using VTK.js alongside a D3.js-based interface showing a color bar and an adjustable opacity curve. Users can switch among sequential, diverging, and categorical color transfer functions via buttons, and can drag control points on the opacity curve to adjust the mapping. The rendering is updated live with `updateVR` as the transfer functions change.

Nov 15, 2023

Loading thumbnail…

Treemap Visualization

This interactive treemap visualizes the hierarchical structure of the Flare dataset, with rectangles sized by either file size or descendant count. Users toggle between weighting metrics and can click rectangles to zoom into branches, with right-click or the zoom-out button restoring the full view. The visualization uses D3.js v6 to render SVG rectangles, transitioning their positions and dimensions over one-second animations via `transition.attr`, while a linear color scale maps tree depth to a red gradient. Zooming adjusts the SVG viewBox attribute.

Nov 1, 2023