Skip to content

Commit

Permalink
Added content to website and embeddings
Browse files Browse the repository at this point in the history
  • Loading branch information
chekmateu committed Dec 10, 2024
1 parent a4d019b commit 9f5db0e
Show file tree
Hide file tree
Showing 14 changed files with 1,140 additions and 48 deletions.
63 changes: 63 additions & 0 deletions bokeh_logistic_trajectory.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bokeh Plot</title>
<style>
html, body {
box-sizing: border-box;
display: flow-root;
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.2.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.2.1.min.js"></script>
<script type="text/javascript">
Bokeh.set_log_level("info");
</script>
</head>
<body>
<div id="d48b7b2a-9aa2-4a2c-94bf-5de39d6df4be" data-root-id="b0c650be-b209-4507-8e47-5edf7598b194" style="display: contents;"></div>

<script type="application/json" id="51736003-b2f1-40fc-90a6-16f3997144fd">
{"0a4ee1ee-94e7-4746-9098-5cc87d4854e3":{"version":"3.2.1","title":"Bokeh Application","roots":[{"type":"object","name":"Column","id":"b0c650be-b209-4507-8e47-5edf7598b194","attributes":{"children":[{"type":"object","name":"Figure","id":"dee0e34f-b4a8-4e9f-a8fb-9c44eca6171b","attributes":{"x_range":{"type":"object","name":"Range1d","id":"5558c498-a132-42a1-b270-6af916887dca","attributes":{"start":-1000,"end":1000}},"y_range":{"type":"object","name":"Range1d","id":"d2a4a5a7-a58b-4a01-9fe7-766e7850880b","attributes":{"start":-1000,"end":1000}},"x_scale":{"type":"object","name":"LinearScale","id":"35c594f2-566c-4545-9345-31d954a41305"},"y_scale":{"type":"object","name":"LinearScale","id":"911fb1fe-a5ac-498e-9e27-92326f01e8f0"},"title":{"type":"object","name":"Title","id":"3884dc45-2404-4b63-a1bb-ad21d3630f33","attributes":{"text":"Predicted Trajectory Using Logistic Model"}},"renderers":[{"type":"object","name":"GlyphRenderer","id":"0a0ad618-b1de-49aa-a84c-42ee6e814c25","attributes":{"data_source":{"type":"object","name":"ColumnDataSource","id":"bc5d2018-f4f7-4527-97c0-e1b39ab958a0","attributes":{"selected":{"type":"object","name":"Selection","id":"e4a0c94c-c184-4a24-a606-232352e071cb","attributes":{"indices":[],"line_indices":[]}},"selection_policy":{"type":"object","name":"UnionRenderers","id":"696c4fc5-0f9f-4580-8bb7-cf906d75a3a9"},"data":{"type":"map","entries":[["x",{"type":"ndarray","array":{"type":"bytes","data":"AAAAAAAAAADqTbGOrYPoP+pNsY6tg/g/cPoEK8JiAkDqTbGOrYMIQGShXfKYpA5Ab/oEK8JiEkAsJNvcN3MVQOlNsY6tgxhApneHQCOUG0BjoV3ymKQeQJDlGVKH2iBAb/oEK8JiIkBOD/AD/eojQC0k29w3cyVADDnGtXL7JkDrTbGOrYMoQMpinGfoCypAqXeHQCOUK0CIjHIZXhwtQGehXfKYpC5AI1uk5WkWMECS5RlSh9owQAFwj76knjFAcPoEK8JiMkDfhHqX3yYzQE4P8AP96jNAvZllcBqvNEAsJNvcN3M1QJuuUElVNzZACjnGtXL7NkB5wzsikL83QOhNsY6tgzhAV9gm+8pHOUDGYpxn6As6QDXtEdQF0DpApHeHQCOUO0ATAv2sQFg8QIKMchleHD1A8RbohXvgPUBgoV3ymKQ+QM8r0162aD9AH1uk5WkWQEBXIN+beHhAQI/lGVKH2kBAx6pUCJY8QUD/b4++pJ5BQDc1ynSzAEJAb/oEK8JiQkCnvz/h0MRCQN+EepffJkNAF0q1Te6IQ0BPD/AD/epDQIfUKroLTURAv5llcBqvRED3XqAmKRFFQC8k29w3c0VAZ+kVk0bVRUCfrlBJVTdGQNdzi/9jmUZADznGtXL7RkBH/gBsgV1HQH/DOyKQv0dAt4h22J4hSEDvTbGOrYNIQCcT7ES85UhAX9gm+8pHSUCXnWGx2alJQM9inGfoC0pAByjXHfdtSkA/7RHUBdBKQHeyTIoUMktAr3eHQCOUS0DnPML2MfZLQB8C/axAWExAV8c3Y0+6TECPjHIZXhxNQMdRrc9sfk1A/xbohXvgTUA33CI8ikJOQG+hXfKYpE5Ap2aYqKcGT0DfK9NetmhPQBfxDRXFyk9AJ1uk5WkWUEDDvcFAcUdQQF8g35t4eFBA+4L89n+pUECX5RlSh9pQQDNIN62OC1FAz6pUCJY8UUBrDXJjnW1RQAdwj76knlFAo9KsGazPUUA/Ncp0swBSQNuX58+6MVJAd/oEK8JiUkATXSKGyZNSQK+/P+HQxFJASyJdPNj1UkA="},"shape":[100],"dtype":"float64","order":"little"}],["y",{"type":"ndarray","array":{"type":"bytes","data":"AAAAAAAAAADpTbGOrYPoP+lNsY6tg/g/b/oEK8JiAkDpTbGOrYMIQGOhXfKYpA5Ab/oEK8JiEkAsJNvcN3MVQOlNsY6tgxhApneHQCOUG0BjoV3ymKQeQJDlGVKH2iBAb/oEK8JiIkBOD/AD/eojQC0k29w3cyVADDnGtXL7JkDrTbGOrYMoQMpinGfoCypAqXeHQCOUK0CIjHIZXhwtQGehXfKYpC5AI1uk5WkWMECS5RlSh9owQAFwj76knjFAcPoEK8JiMkDfhHqX3yYzQE4P8AP96jNAvZllcBqvNEAsJNvcN3M1QJuuUElVNzZACjnGtXL7NkB5wzsikL83QOhNsY6tgzhAV9gm+8pHOUDGYpxn6As6QDXtEdQF0DpApHeHQCOUO0ATAv2sQFg8QIKMchleHD1A8RbohXvgPUBgoV3ymKQ+QM8r0162aD9AH1uk5WkWQEBXIN+beHhAQI/lGVKH2kBAx6pUCJY8QUD/b4++pJ5BQDc1ynSzAEJAb/oEK8JiQkCnvz/h0MRCQN+EepffJkNAF0q1Te6IQ0BPD/AD/epDQIfUKroLTURAv5llcBqvRED3XqAmKRFFQC8k29w3c0VAZ+kVk0bVRUCfrlBJVTdGQNdzi/9jmUZADznGtXL7RkBH/gBsgV1HQH/DOyKQv0dAt4h22J4hSEDvTbGOrYNIQCcT7ES85UhAX9gm+8pHSUCXnWGx2alJQM9inGfoC0pAByjXHfdtSkA/7RHUBdBKQHeyTIoUMktAr3eHQCOUS0DnPML2MfZLQB8C/axAWExAV8c3Y0+6TECPjHIZXhxNQMdRrc9sfk1A/xbohXvgTUA33CI8ikJOQG+hXfKYpE5Ap2aYqKcGT0DfK9NetmhPQBfxDRXFyk9AJ1uk5WkWUEDDvcFAcUdQQF8g35t4eFBA+4L89n+pUECX5RlSh9pQQDNIN62OC1FAz6pUCJY8UUBrDXJjnW1RQAdwj76knlFAo9KsGazPUUA/Ncp0swBSQNuX58+6MVJAd/oEK8JiUkATXSKGyZNSQK+/P+HQxFJASyJdPNj1UkA="},"shape":[100],"dtype":"float64","order":"little"}]]}}},"view":{"type":"object","name":"CDSView","id":"6115adca-ea4b-40b8-848b-b0434f045ea2","attributes":{"filter":{"type":"object","name":"AllIndices","id":"f70d23e8-9027-4aaf-9256-9dc3bbddb4fc"}}},"glyph":{"type":"object","name":"Line","id":"b40fec84-6bb5-4f8d-bfc8-6c00c33ea111","attributes":{"x":{"type":"field","field":"x"},"y":{"type":"field","field":"y"},"line_color":"blue","line_width":2}},"nonselection_glyph":{"type":"object","name":"Line","id":"f0bab27e-3b3e-4db2-b35a-b79f818e6496","attributes":{"x":{"type":"field","field":"x"},"y":{"type":"field","field":"y"},"line_color":"blue","line_alpha":0.1,"line_width":2}},"muted_glyph":{"type":"object","name":"Line","id":"3ab09500-1eb0-48f5-b341-f78b8e8a683e","attributes":{"x":{"type":"field","field":"x"},"y":{"type":"field","field":"y"},"line_color":"blue","line_alpha":0.2,"line_width":2}}}}],"toolbar":{"type":"object","name":"Toolbar","id":"b5e26370-b8c5-46c5-b5d1-13b484af19dd","attributes":{"tools":[{"type":"object","name":"PanTool","id":"253e12ac-82d7-400d-bce5-91f92036121b"},{"type":"object","name":"WheelZoomTool","id":"f233132b-7a2c-4a2f-8968-c1e16c57c383"},{"type":"object","name":"BoxZoomTool","id":"fc4c2eb5-83f3-4ced-85f7-e72a1d57a971","attributes":{"overlay":{"type":"object","name":"BoxAnnotation","id":"28c5f24d-75fb-488c-9503-7450252383ac","attributes":{"syncable":false,"level":"overlay","visible":false,"left_units":"canvas","right_units":"canvas","bottom_units":"canvas","top_units":"canvas","line_color":"black","line_alpha":1.0,"line_width":2,"line_dash":[4,4],"fill_color":"lightgrey","fill_alpha":0.5}}}},{"type":"object","name":"SaveTool","id":"fe68b3fd-7bb0-4e70-9f0b-89f1fbffefdf"},{"type":"object","name":"ResetTool","id":"8e9e8590-1dc4-445c-9cec-042c4f5c018b"},{"type":"object","name":"HelpTool","id":"08b5f357-4e60-4aa4-a351-1a82463d8c02"}]}},"left":[{"type":"object","name":"LinearAxis","id":"72dc0fbd-0e68-49f9-9ac4-4442470eb922","attributes":{"ticker":{"type":"object","name":"BasicTicker","id":"3d8a9a7c-b39c-44c9-90d3-45f84a0d2046","attributes":{"mantissas":[1,2,5]}},"formatter":{"type":"object","name":"BasicTickFormatter","id":"6dc200b5-bd0f-45a5-b307-45d7765a4afb"},"axis_label":"Predicted Y Position","major_label_policy":{"type":"object","name":"AllLabels","id":"65690114-b962-443e-91c4-c3e9e1fccda6"}}}],"below":[{"type":"object","name":"LinearAxis","id":"4711143e-22a2-4d88-8bd6-d951453f6b5b","attributes":{"ticker":{"type":"object","name":"BasicTicker","id":"0afc2659-ce8a-4a74-88ca-2f30121f3811","attributes":{"mantissas":[1,2,5]}},"formatter":{"type":"object","name":"BasicTickFormatter","id":"6fb149f8-e38c-4f20-9e5d-ca62e6317c50"},"axis_label":"Predicted X Position","major_label_policy":{"type":"object","name":"AllLabels","id":"79096ad7-82c5-4cd5-b96c-e7c3eb5b38c4"}}}],"center":[{"type":"object","name":"Grid","id":"cf182c2f-357e-4426-9a73-06a671fea49e","attributes":{"axis":{"id":"4711143e-22a2-4d88-8bd6-d951453f6b5b"}}},{"type":"object","name":"Grid","id":"342fa1a5-ed85-4ca4-a2ec-2b6e7fbf5cb1","attributes":{"dimension":1,"axis":{"id":"72dc0fbd-0e68-49f9-9ac4-4442470eb922"}}}]}},{"type":"object","name":"Slider","id":"e15aeac8-0840-48b5-a9bd-77ed190a6efb","attributes":{"js_property_callbacks":{"type":"map","entries":[["change:value",[{"type":"object","name":"CustomJS","id":"158a07b0-6907-4679-b6f7-8d40efb52170","attributes":{"args":{"type":"map","entries":[["source",{"id":"bc5d2018-f4f7-4527-97c0-e1b39ab958a0"}],["initial_condition",[0,0]],["frames",1000],["field_slider",{"id":"e15aeac8-0840-48b5-a9bd-77ed190a6efb"}],["angle_slider",{"type":"object","name":"Slider","id":"a48b26e0-9b7f-48b6-ad1a-b0a882aaa99a","attributes":{"js_property_callbacks":{"type":"map","entries":[["change:value",[{"id":"158a07b0-6907-4679-b6f7-8d40efb52170"}]]]},"title":"Angle (degrees)","start":0,"end":359,"value":45,"step":0.1}}],["time_slider",{"type":"object","name":"Slider","id":"e2ad1ef5-6067-494e-97ce-0eca6856739c","attributes":{"js_property_callbacks":{"type":"map","entries":[["change:value",[{"id":"158a07b0-6907-4679-b6f7-8d40efb52170"}]]]},"title":"Time (steps)","start":100,"end":1000,"value":100}}]]},"code":"\n const B = field_slider.value; // Field strength\n const angle = angle_slider.value; // Path skew\n const time = time_slider.value; // Time steps\n\n // Convert angle to radians\n const path_skew = angle * (Math.PI / 180);\n\n // Initialize prediction array\n const prediction = Array(time).fill().map(() =&gt; [0, 0]);\n prediction[0] = initial_condition;\n\n // Compute prediction trajectory\n for (let i = 1; i &lt; time; i++) {\n const velocity = 1.231510719 / (1 + 20.66319666 * Math.exp(-0.2509096863 * B));\n const dx = Math.cos(path_skew) * velocity;\n const dy = Math.sin(path_skew) * velocity;\n\n prediction[i][0] = prediction[i-1][0] + dx;\n prediction[i][1] = prediction[i-1][1] + dy;\n }\n\n // Update source data\n source.data['x'] = prediction.map(p =&gt; p[0]);\n source.data['y'] = prediction.map(p =&gt; p[1]);\n\n source.change.emit();\n "}}]]]},"title":"Field (mT)","start":5,"end":40,"value":20}},{"id":"a48b26e0-9b7f-48b6-ad1a-b0a882aaa99a"},{"id":"e2ad1ef5-6067-494e-97ce-0eca6856739c"}]}}],"defs":[{"type":"model","name":"ReactiveHTML1"},{"type":"model","name":"FlexBox1","properties":[{"name":"align_content","kind":"Any","default":"flex-start"},{"name":"align_items","kind":"Any","default":"flex-start"},{"name":"flex_direction","kind":"Any","default":"row"},{"name":"flex_wrap","kind":"Any","default":"wrap"},{"name":"justify_content","kind":"Any","default":"flex-start"}]},{"type":"model","name":"FloatPanel1","properties":[{"name":"config","kind":"Any","default":{"type":"map"}},{"name":"contained","kind":"Any","default":true},{"name":"position","kind":"Any","default":"right-top"},{"name":"offsetx","kind":"Any","default":null},{"name":"offsety","kind":"Any","default":null},{"name":"theme","kind":"Any","default":"primary"},{"name":"status","kind":"Any","default":"normalized"}]},{"type":"model","name":"GridStack1","properties":[{"name":"mode","kind":"Any","default":"warn"},{"name":"ncols","kind":"Any","default":null},{"name":"nrows","kind":"Any","default":null},{"name":"allow_resize","kind":"Any","default":true},{"name":"allow_drag","kind":"Any","default":true},{"name":"state","kind":"Any","default":[]}]},{"type":"model","name":"drag1","properties":[{"name":"slider_width","kind":"Any","default":5},{"name":"slider_color","kind":"Any","default":"black"},{"name":"value","kind":"Any","default":50}]},{"type":"model","name":"click1","properties":[{"name":"terminal_output","kind":"Any","default":""},{"name":"debug_name","kind":"Any","default":""},{"name":"clears","kind":"Any","default":0}]},{"type":"model","name":"FastWrapper1","properties":[{"name":"object","kind":"Any","default":null},{"name":"style","kind":"Any","default":null}]},{"type":"model","name":"NotificationAreaBase1","properties":[{"name":"js_events","kind":"Any","default":{"type":"map"}},{"name":"position","kind":"Any","default":"bottom-right"},{"name":"_clear","kind":"Any","default":0}]},{"type":"model","name":"NotificationArea1","properties":[{"name":"js_events","kind":"Any","default":{"type":"map"}},{"name":"notifications","kind":"Any","default":[]},{"name":"position","kind":"Any","default":"bottom-right"},{"name":"_clear","kind":"Any","default":0},{"name":"types","kind":"Any","default":[{"type":"map","entries":[["type","warning"],["background","#ffc107"],["icon",{"type":"map","entries":[["className","fas fa-exclamation-triangle"],["tagName","i"],["color","white"]]}]]},{"type":"map","entries":[["type","info"],["background","#007bff"],["icon",{"type":"map","entries":[["className","fas fa-info-circle"],["tagName","i"],["color","white"]]}]]}]}]},{"type":"model","name":"Notification","properties":[{"name":"background","kind":"Any","default":null},{"name":"duration","kind":"Any","default":3000},{"name":"icon","kind":"Any","default":null},{"name":"message","kind":"Any","default":""},{"name":"notification_type","kind":"Any","default":null},{"name":"_destroyed","kind":"Any","default":false}]},{"type":"model","name":"TemplateActions1","properties":[{"name":"open_modal","kind":"Any","default":0},{"name":"close_modal","kind":"Any","default":0}]},{"type":"model","name":"BootstrapTemplateActions1","properties":[{"name":"open_modal","kind":"Any","default":0},{"name":"close_modal","kind":"Any","default":0}]},{"type":"model","name":"MaterialTemplateActions1","properties":[{"name":"open_modal","kind":"Any","default":0},{"name":"close_modal","kind":"Any","default":0}]}]}}
</script>
<script type="text/javascript">
(function() {
const fn = function() {
Bokeh.safely(function() {
(function(root) {
function embed_document(root) {
const docs_json = document.getElementById('51736003-b2f1-40fc-90a6-16f3997144fd').textContent;
const render_items = [{"docid":"0a4ee1ee-94e7-4746-9098-5cc87d4854e3","roots":{"b0c650be-b209-4507-8e47-5edf7598b194":"d48b7b2a-9aa2-4a2c-94bf-5de39d6df4be"},"root_ids":["b0c650be-b209-4507-8e47-5edf7598b194"]}];
root.Bokeh.embed.embed_items(docs_json, render_items);
}
if (root.Bokeh !== undefined) {
embed_document(root);
} else {
let attempts = 0;
const timer = setInterval(function(root) {
if (root.Bokeh !== undefined) {
clearInterval(timer);
embed_document(root);
} else {
attempts++;
if (attempts > 100) {
clearInterval(timer);
console.log("Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing");
}
}
}, 10, root)
}
})(window);
});
};
if (document.readyState != "loading") fn();
else document.addEventListener("DOMContentLoaded", fn);
})();
</script>
</body>
</html>
63 changes: 63 additions & 0 deletions bokeh_microbot_trajectories.html

Large diffs are not rendered by default.

15 changes: 8 additions & 7 deletions data_collection.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
<!-- templates/data_collection.html -->
<!DOCTYPE html>
<html lang="en">
<head>
Expand All @@ -17,18 +16,20 @@
<div class="dropdown-menu">
<a href="index.html">Introduction</a>
<a href="data_collection.html">Data Collection</a>
<a href="results.html">Results</a>
<a href="implementation.html">Implementation & Code Results</a>
<a href="results_discussion.html">Results & Discussion</a>
<a href="next_steps.html">Next Steps</a>
</div>
</div>
</div>
</nav>
<div class="container">
<h1>Modeling Superparamagnetic Micro-Robots for Non-Invasive Surgical Procedures</h1>
<h2>Data Collection</h2>
<h1>Data Collection</h1>
<p>
We collected data on the superparamagnetic micro-robots by applying a magnetic field of varying strength
in milliteslas.
Trevor collected data on the superparamagnetic micro-robots by applying a magnetic field of varying strength
in milliteslas. This involved going into the lab and using a playstation controller to move around the robot in a custom apparatus that applied magnetic fields to move the robot in the direction of the joystick. While moving the robot around a video is taken. Overall Trevor took 5 videos where the videos named with millitesla or mT is the robot moving right with a magnetic field of that amount applied to it. Then the last video named "Square" is the robot moving in a square motion.
</p>
<p>You can view the video using this player:</p>
<h3>Microrobot Videos</h3>
<div class="video-container">
<label for="videoSelector">Select a video to view:</label>
Expand All @@ -49,7 +50,7 @@ <h3>Microrobot Videos</h3>
<a href="index.html" class="button">◄ Back to Introduction</a>
</div>
<div class="button-container right">
<a href="results.html" class="button">Proceed to Conclusion</a>
<a href="implementation.html" class="button">Proceed to Implementation & Code Results</a>
</div>
</div>
</div>
Expand Down
Loading

0 comments on commit 9f5db0e

Please sign in to comment.