Spaces:
Running
Running
| <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> | |