Skip to content

Adding Ultrasound WG web page #79

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added assets/img/StephenAylward.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/TinaKapur.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
231 changes: 231 additions & 0 deletions wg_ultrasound.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,231 @@
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth">

<!-- Page-specific meta tags -->
<title>MONAI - Ultrasound Working Group</title>
<meta name="description" content="Advancing MONAI's support for ultrasound AI research and development, from point-of-care diagnosis to surgical robot guidance and from raw RF to 4D acquisitions.">
<meta property="og:title" content="MONAI - Ultrasound Working Group">
<meta property="og:description" content="Advancing MONAI's support for ultrasound AI research and development, from point-of-care diagnosis to surgical robot guidance and from raw RF to 4D acquisitions.">
<meta property="og:url" content="https://monai.io/wg_ultrasound.html">
<meta name="twitter:title" content="MONAI - Ultrasound Working Group">
<meta name="twitter:description" content="Advancing MONAI's support for ultrasound AI research and development, from point-of-care diagnosis to surgical robot guidance and from raw RF to 4D acquisitions.">
<link rel="canonical" href="https://monai.io/wg_ultrasound.html">

<!-- Include Head Component -->
<!-- #include file="components/head.html" -->

<body class="flex flex-col min-h-screen">

<!-- #include file="components/header.html" -->

<main class="flex-grow">
<!-- Hero Section -->
<section id="hero" class="py-24 bg-brand-light relative overflow-hidden">
<div class="absolute inset-0 opacity-[0.10] bg-[radial-gradient(circle_at_1px_1px,#000_1px,transparent_0)] bg-[length:36px_36px]"></div>
<div class="container relative">
<div class="flex flex-wrap items-center">
<div class="w-full max-w-3xl">
<h1 class="mb-6 wg-main-heading">
Ultrasound<br>
Working Group
</h1>
<h2 class="text-neutral-darkestblack text-2xl font-bold mb-4">Mission Statement</h2>
<p class="text-lg leading-relaxed text-gray-700">This working group will focus on enabling reproducible, scalable AI development for ultrasound within the MONAI ecosystem. Key priorities include harmonizing data formats (e.g., DICOM for B-mode); supporting data streaming (e.g., for RF signals); standardizing annotation formats and labeling protocols for common ultrasound tasks; and defining reusable pipelines for training, inference, evaluation, and deployment. Short-term and long-term priorities and focal clinical applications will be determined by participants of the group. By collaborating with the MONAI developers, the group will move from requirements to implemented solutions.</p>
</div>
</div>
</div>
</section>

<!-- Initiatives Section -->
<section class="py-24 relative overflow-hidden">
<div class="container relative">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Initiatives</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Broad, long-term initiatives</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Connectivity with ultrasound devices</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Data de-identification and pre-processing</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>TotalSegmentator for ultrasound</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Algorithms for B-mode and RF ultrasound</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Ultrasound simulation</span>
</li>
</ul>
</div>

<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Current Focus</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>TBD</span>
</li>
</ul>
</div>

<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Future Focus</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>TBD</span>
</li>
</ul>
</div>
</div>
</div>
</section>

<!-- Group Leads Section -->
<section class="py-24 bg-neutral-lightgray relative overflow-hidden">
<div class="absolute inset-0 opacity-[0.10] bg-[radial-gradient(circle_at_1px_1px,#000_1px,transparent_0)] bg-[length:36px_36px]"></div>
<div class="container relative">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Group Leads</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<div class="flex flex-col items-center text-center">
<img src="assets/img/TinaKapur.jpg" alt="Tina Kapur" class="w-32 h-32 rounded-full object-cover mb-6 border-4 border-brand-light">
<div>
<p class="text-xl font-semibold text-gray-800 mb-2">Tina Kapur</p>
<p class="text-base text-gray-600 mb-1">Center Executive Director, Surgical Planning Laboratory</p>
<p class="text-sm text-gray-600 mb-1">Department of Radiology, Brigham and Women's Hospital, Harvard Medical School</p>
<p class="text-sm font-medium text-brand-primary">Ultrasound Working Group Chair</p>
<div class="flex justify-center text-sm text-brand-primary hover:text-brand-dark mt-2">
<a href="https://www.linkedin.com/in/tina-kapur-5a91a8139/" target="_blank" rel="noopener noreferrer">
<span>View Profile</span>
</a>
</div>
</div>
</div>
</div>

<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<div class="flex flex-col items-center text-center">
<img src="assets/img/StephenAylward.jpg" alt="Stephen Aylward" class="w-32 h-32 rounded-full object-cover mb-6 border-4 border-brand-light">
<div>
<p class="text-xl font-semibold text-gray-800 mb-2">Stephen Aylward</p>
<p class="text-base text-gray-600 mb-1">Global Lead for Strategic Applied Research, Medical Devices</p>
<p class="text-sm text-gray-600 mb-1">NVIDIA</p>
<p class="text-sm font-medium text-brand-primary">Ultrasound Working Group Chair</p>
<div class="flex justify-center text-sm text-brand-primary hover:text-brand-dark mt-2">
<a href="https://www.linkedin.com/in/stephenaylward/" target="_blank" rel="noopener noreferrer">
<span>View Profile</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- Meeting Notes and Recordings Section -->
<!-- <section class="py-24 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Meeting Notes and Recordings</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Google Drive</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://drive.google.com/drive/folders/your-folder-id" class="link-hover">Access all meeting notes and recordings</a></span>
</li>
</ul>
</div>

<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Direct Links</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://link-to-meeting-1" class="link-hover">Meeting 1 - Date</a></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://link-to-meeting-2" class="link-hover">Meeting 2 - Date</a></span>
</li>
</ul>
</div>
</div>
</div>
</section> -->

<!-- Resources Section -->
<!-- <section class="py-24 bg-neutral-lightgray relative overflow-hidden">
<div class="absolute inset-0 opacity-[0.10] bg-[radial-gradient(circle_at_1px_1px,#000_1px,transparent_0)] bg-[length:36px_36px]"></div>
<div class="container relative">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Resources</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Development Resources</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://github.com/Project-MONAI/monai-deploy" class="link-hover">MONAI Deploy GitHub Repository</a></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://docs.monai.io/projects/monai-deploy-app-sdk/en/latest/" class="link-hover">MONAI Deploy App SDK Documentation</a></span>
</li>
</ul>
</div>
</div>
</div>
</section> -->

<!-- Collaboration Opportunities Section -->
<section class="py-24 bg-white">
<div class="container">
<h2 class="text-3xl font-bold text-neutral-darkestblack mb-8">Collaboration Opportunities</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<div class="bg-white p-8 rounded-lg border border-neutral-200 hover:border-brand-primary hover:shadow-md transition-all duration-300">
<h3 class="text-xl font-semibold text-brand-primary mb-6 pb-2 border-b border-neutral-200">Join and Contribute</h3>
<ul class="space-y-4 text-gray-700">
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span><a href="https://forms.gle/TVRKXbonDXvTuzEc7">Join our regular working group meetings</a></span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Share your ultrasound experience and requirements</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Participate in defining standards and best practices</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Contribute your ultrasound AI methods</span>
</li>
<li class="flex items-start">
<span class="text-brand-primary mr-3">•</span>
<span>Help shape the future of medical AI for ultrasound</span>
</li>
</ul>
</div>
</div>
</div>
</section>

</main>

<!-- #include file="components/footer.html" -->
<!-- #include file="components/scripts.html" -->

</body>
</html>
53 changes: 52 additions & 1 deletion working-groups.html
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,7 @@ <h3 class="text-lg font-semibold mb-4">Quick Links:</h3>
<a href="#human-ai" class="text-brand-primary hover:text-brand-dark transition-colors duration-300">Human-AI Interaction</a>
<a href="#ophthalmology" class="text-brand-primary hover:text-brand-dark transition-colors duration-300">Ophthalmology</a>
<a href="#outreach" class="text-brand-primary hover:text-brand-dark transition-colors duration-300">Outreach and Adoption</a>
<a href="#ultrasound" class="text-brand-primary hover:text-brand-dark transition-colors duration-300">Ultrasound</a>
</div>
</div>

Expand Down Expand Up @@ -490,6 +491,56 @@ <h4 class="uppercase text-sm font-medium text-gray-600 mb-4">GROUP LEADS</h4>
</div>
</div>
</div>

<!-- Ultrasound Working Group Card -->
<div id="ultrasound" class="bg-white rounded-xl shadow-md scroll-mt-24">
<div class="border-b border-gray-200 bg-brand-dark">
<h3 class="text-xl font-semibold text-white p-8 pb-6 text-center">Ultrasound Working Group</h3>
</div>
<div class="p-8">
<div class="mb-8">
<h4 class="uppercase text-sm font-medium text-gray-600 mb-3">MISSION</h4>
<p class="text-gray-700">
This working group will focus on enabling reproducible, scalable AI development for ultrasound within the MONAI ecosystem. Key priorities include harmonizing data formats (e.g., DICOM for B-mode); supporting data streaming (e.g., for RF signals); standardizing annotation formats and labeling protocols for common ultrasound tasks; and defining reusable pipelines for training, inference, evaluation, and deployment. Short-term and long-term priorities and focal clinical applications will be determined by participants of the group. By collaborating with the MONAI developers, the group will move from requirements to implemented solutions.
</p>
</div>
<div class="mb-8">
<h4 class="uppercase text-sm font-medium text-gray-600 mb-4">GROUP LEADS</h4>
<ul class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
<li class="group">
<div class="flex">
<div class="flex-shrink-0 w-24 mr-4">
<img src="assets/img/TinaKapur.jpg" alt="Tina Kapur" class="w-24 h-24 rounded-full object-cover">
</div>
<div class="flex-grow pt-1">
<p class="font-medium text-gray-800 mb-1">Tina Kapur</p>
<p class="text-sm text-gray-600">Brigham and Women's Hospital, Harvard Medical School</p>
</div>
</div>
</li>
<li class="group">
<div class="flex">
<div class="flex-shrink-0 w-24 mr-4">
<img src="assets/img/StephenAylward.jpg" alt="Stephen Aylward" class="w-24 h-24 rounded-full object-cover">
</div>
<div class="flex-grow pt-1">
<p class="font-medium text-gray-800 mb-1">Stephen Aylward</p>
<p class="text-sm text-gray-600">NVIDIA</p>
</div>
</div>
</li>
</ul>
</div>
<div>
<a href="wg_ultrasound.html" class="px-6 py-2.5 rounded-lg bg-white text-brand-primary border-2 border-brand-primary hover:bg-brand-light transition-colors inline-flex items-center gap-2 group">
<span>Learn More</span>
<svg class="w-4 h-4 transition-transform group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
Expand All @@ -500,4 +551,4 @@ <h4 class="uppercase text-sm font-medium text-gray-600 mb-4">GROUP LEADS</h4>
<!-- #include file="components/scripts.html" -->

</body>
</html>
</html>