Spaces:
Running
Running
File size: 2,536 Bytes
d1b96a1 2fdc87e d1b96a1 5a38c81 d1b96a1 9b8700d a4ebc77 9b8700d a4ebc77 9b8700d d1b96a1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My static Space</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
</head>
<body>
<div class="mermaid">
journey
title Create AI
section Training
Format DataSet Inputs Files, Data Splits: 5: Teacher
Model Build w/ SKLearn, TF, Pytorch: 3: Student
Determine Model Performance: 1: Teacher, Student
section Deploy
Web Deploy Local and Cloud: 5: Teacher
Architecture Spaces Gradio Streamlit Heroku AWS Azure and GCCP: 5: Teacher
section Testing
Test Model with Input Datasets: 5: Teacher
Examples. Inputs that Work, Inputs That Break Model: 5: Teacher
Governance - Analyze, Publish Fairness, Equity, Bias for Datasets and Outputs: 5: Teacher
</div>
<div class="mermaid">
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
</div>
<div class="mermaid">
sequenceDiagram
title My sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts<br/>prevail...
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
</div>
<div class="mermaid">
---
title: Animal example classDiagram
---
classDiagram
note "From Duck till Zebra"
Animal <|-- Duck
note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}
</div>
<div class="card">
<h1>Welcome to the Mermaid Modeler Tip Sheet</h1>
<p>
You can use Mermaid inside HTML5 by including the script and a div with the class or mermaid.
</p>
<p>
Documentation is located here:
<a href="https://mermaid.js.org/syntax/flowchart.html" target="_blank"
>Mermaid documentation</a
>.
</p>
</div>
</body>
</html>
|