| <!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"> |
| 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="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> |
|
|
