reorder demo site content

UC-Berkeley-I-School · Apr 9, 2024 · e3e6ef7 · e3e6ef7
1 parent f1f4dc3
commit e3e6ef7
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 32 deletions.
diff --git a/components/demo.tsx b/components/demo.tsx
@@ -512,18 +512,10 @@ export function Demo() {
       <Card className="mt-2">
         <CardHeader>
           <CardTitle>Fusion Inference</CardTitle>
-          <CardDescription>Inference results of the late fusion model.</CardDescription>
+          <CardDescription>Inference results of the fusion model.</CardDescription>
         </CardHeader>
         <CardContent className="space-y-2">
           <div className="space-y-1">
-            <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
-            <p>
-              The fusion model derives its inputs from the base models below, taking its results and feeding it into a
-              classifier to determine most likely results. Across all of our available data, the fusion model performed
-              the best, returning the most predicted findings matching the real findings. To read more about how it
-              works and how we developed it, you can reach the{' '}
-              <Link href="/docs/models/fusion">fusion model documentation</Link>.
-            </p>
             {!fusionInference && <p className="mt-4">Try running the demo!</p>}
 
             {fusionLoading && <Spinner />}
@@ -571,6 +563,14 @@ export function Demo() {
                 </p>
               </>
             )}
+            <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
+            <p>
+              The fusion model derives its inputs from the base models below, taking its results and feeding it into a
+              classifier to determine most likely results. Across all of our available data, the fusion model performed
+              the best, returning the most predicted findings matching the real findings. To read more about how it
+              works and how we developed it, you can reach the{' '}
+              <Link href="/docs/models/fusion">fusion model documentation</Link>.
+            </p>
           </div>
         </CardContent>
       </Card>
@@ -588,14 +588,6 @@ export function Demo() {
             </CardHeader>
             <CardContent className="space-y-2">
               <div className="space-y-1">
-                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
-                <p>
-                  The tabular model takes the tabular data that has been inputed (temperature, heartrate, etc.) and
-                  attempts to classify into one of five possible options. In a proper setting, this would be tens to
-                  hundreds of inputs that could be taken it, improving the models ability to predict a class, however
-                  due to a limitation of data, we only have these inputs. To read more about the tabular model, see the{' '}
-                  <Link href="/docs/models/tabular">tabular model documentation</Link>.
-                </p>
                 {!tabularInference && <p className="mt-4">Try running the demo!</p>}
 
                 {tabularLoading && <Spinner />}
@@ -648,6 +640,14 @@ export function Demo() {
                     </p>
                   </>
                 )}
+                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
+                <p>
+                  The tabular model takes the tabular data that has been inputed (temperature, heartrate, etc.) and
+                  attempts to classify into one of five possible options. In a proper setting, this would be tens to
+                  hundreds of inputs that could be taken it, improving the models ability to predict a class, however
+                  due to a limitation of data, we only have these inputs. To read more about the tabular model, see the{' '}
+                  <Link href="/docs/models/tabular">tabular model documentation</Link>.
+                </p>
               </div>
             </CardContent>
           </TabsContent>
@@ -658,14 +658,6 @@ export function Demo() {
             </CardHeader>
             <CardContent className="space-y-2">
               <div className="space-y-1">
-                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
-                <p>
-                  The text model takes in the input from the notes, processed via a modified BioClinical Bert model. The
-                  model is trained on clinician notes describing the patient&apos;s present history of illness, with the
-                  expectation that it will learn the symptoms of the four possible options, and no findings if it cannot
-                  be determined. To read more about how it works and how we developed it, you can reach the{' '}
-                  <Link href="/docs/models/text">text model documentation</Link>.
-                </p>
                 {!textInference && <p className="mt-4">Try running the demo!</p>}
 
                 {textLoading && <Spinner />}
@@ -715,6 +707,14 @@ export function Demo() {
                     </p>
                   </>
                 )}
+                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
+                <p>
+                  The text model takes in the input from the notes, processed via a modified BioClinical Bert model. The
+                  model is trained on clinician notes describing the patient&apos;s present history of illness, with the
+                  expectation that it will learn the symptoms of the four possible options, and no findings if it cannot
+                  be determined. To read more about how it works and how we developed it, you can reach the{' '}
+                  <Link href="/docs/models/text">text model documentation</Link>.
+                </p>
               </div>
             </CardContent>
           </TabsContent>
@@ -725,13 +725,6 @@ export function Demo() {
             </CardHeader>
             <CardContent className="space-y-2">
               <div className="space-y-1">
-                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
-                <p>
-                  The image model utilizes chest xrays, preprocessed into a lower resolution. It utilizes EfficientNet
-                  image classification, resulting in an extremely powerful classification model. To read more about how
-                  it works and how we developed it, you can reach the{' '}
-                  <Link href="/docs/models/image">image model documentation</Link>.
-                </p>
                 {!imageInference && <p className="mt-4">Try running the demo!</p>}
 
                 {imageLoading && <Spinner />}
@@ -781,6 +774,13 @@ export function Demo() {
                     </p>
                   </>
                 )}
+                <h4 className="scroll-m-20 text-xl font-semibold tracking-tight">How it works</h4>
+                <p>
+                  The image model utilizes chest xrays, preprocessed into a lower resolution. It utilizes EfficientNet
+                  image classification, resulting in an extremely powerful classification model. To read more about how
+                  it works and how we developed it, you can reach the{' '}
+                  <Link href="/docs/models/image">image model documentation</Link>.
+                </p>
               </div>
             </CardContent>
           </TabsContent>

diff --git a/model/squeezenet1_1.onnx b/model/squeezenet1_1.onnx