ABC-101/7.AI.Dashboard.Gradio.Streamlit.HTML5
0
1<!DOCTYPE html>2<html>3 <head>4 <meta charset="utf-8" />5 <meta name="viewport" content="width=device-width" />6 <title>My static Space</title>7 <link rel="stylesheet" href="style.css" />8 <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>9 <script>mermaid.initialize({startOnLoad:true});</script>10 </head>11 <body>12 13 14 <iframe15 src="https://awacke1-cb-gr-chatbot-blenderbot.hf.space"16 frameborder="0"17 width="1280"18 height="1024"19></iframe>20 21 <iframe22 src="https://awacke1-image-semantic-search.hf.space"23 frameborder="0"24 width="1280"25 height="1024"26></iframe>27 28<iframe29 src="https://awacke1-image-to-multilingual-ocr.hf.space"30 frameborder="0"31 width="1280"32 height="1024"></iframe>33<iframe34 src="https://awacke1-sentence2paragraph.hf.space"35 frameborder="0"36 width="1280"37 height="1024"></iframe>38<iframe39 src="https://awacke1-video-summary.hf.space"40 frameborder="0"41 width="1280"42 height="1024"></iframe>43 44 45<iframe46 src="https://awacke1-ai-quantum.hf.space"47 frameborder="0"48 width="1280"49 height="1024"50></iframe>51 52 53<div class="mermaid">54journey55 title Create AI56 section Training57 Format DataSet Inputs Files, Data Splits: 5: Teacher58 Model Build w/ SKLearn, TF, Pytorch: 3: Student59 Determine Model Performance: 1: Teacher, Student60 section Deploy61 Web Deploy Local and Cloud: 5: Teacher62 Architecture Spaces Gradio Streamlit Heroku AWS Azure and GCCP: 5: Teacher63 section Testing64 Test Model with Input Datasets: 5: Teacher65 Examples. Inputs that Work, Inputs That Break Model: 5: Teacher66 Governance - Analyze, Publish Fairness, Equity, Bias for Datasets and Outputs: 5: Teacher67</div>68 69<div class="mermaid">70sequenceDiagram71 participant Alice72 participant Bob73 Alice->>John: Hello John, how are you?74 loop Healthcheck75 John->>John: Fight against hypochondria76 end77 Note right of John: Rational thoughts<br/>prevail...78 John-->>Alice: Great!79 John->>Bob: How about you?80 Bob-->>John: Jolly good!81</div>82 83<div class="card">84<h1>Welcome to the Mermaid Modeler Tip Sheet</h1>85 <p>86 You can use Mermaid inside HTML5 by including the script and a div with the class or mermaid.87 </p>88 <p>89 Documentation is located here: 90 <a href="https://mermaid.js.org/syntax/flowchart.html" target="_blank"91 >Mermaid documentation</a92 >.93 </p>94</div>95 96 </body>97</html>98 