Shruti Varade Team 24
https://github.com/shrutivarade/boostlet
https://github.com/shrutivarade/BoxCraft
CS460 Computer Graphics
Drag Boostlet
Cornerstone2D.js
Niivue.js
Coming Soon:
BoxCraft.js integrated with Boostlet.js
Thank you !
Boostlet.js
Medical Image Processing Libraries:
Boostlet.js Features:
Boostlet.js
Boostlet.js
Installation
script = document.createElement("script");
script.type = "text/javascript";
script.src = "https://boostlet.org/dist/boostlet.min.js";
script.onload = run;
document.head.appendChild(script);
eval(script);
Boostlet.js
Sobel Filter
// detect visualization framework
Boostlet.init();
image = Boostlet.get_image();
kernel = [
-1, 0, 1,
-2, 0, 2,
-1, 0, 1
];
filtered = Boostlet.filter(image.data, image.width, image.height, kernel);
Boostlet.set_image( filtered );
Boostlet.js
Plotly Histogram
// detect visualization framework
Boostlet.init();
all_pixels = Boostlet.get_image().data;
// load Plotly.js library and start plotting in the onload callback
Boostlet.load_script('https://cdn.plot.ly/plotly-2.25.2.min.js', plot);
function plot() {
// plot the data
Plotly.newPlot('plotlyDiv', [{
x: all_pixels,
type: 'histogram'
}]);
}
Boostlet.js
Segment Anything
// detect visualization framework
Boostlet.init();
// load ONNX.js
Boostlet.load_script('https://cdn.jsdelivr.net/npm/onnxruntime-web/dist/ort.min.js');
// grab the embedding
setup_segment_anything();
// setup interaction and trigger segmentation
Boostlet.select_box( segment_box );
SAM - Cornerstone.js
SAM - Niivue.js
SAM - Openseadragon.js
BoxCraft.js
BoxCraft.js
BoxCraft.js
Boxcraft.js integrated with Boostlet.js
Boxcraft.js Demo
Boxcraft working with Niivue.js
Uniform ROI Selection across various medical imaging frameworks
BoxCraft.js
Work in progress:
Boxcraft.js with Cornerstone.js
Boxcraft.js with Openseadragon.js
Thank You!