Hugging Face's logo

Spaces:
sanjayw
/
DataViz-Mermaid
Running

App Files Community
1
sanjayw mariashay commited on
Commit
d1b96a1
•
0 Parent(s):

Duplicate from mariashay/DataViz-Mermaid

Browse files

Co-authored-by: Maria Shay <mariashay@users.noreply.huggingface.co>

Files changed (4) hide show
  1. .gitattributes +34 -0
  2. README.md +12 -0
  3. index.html +58 -0
  4. style.css +28 -0
.gitattributes ADDED
@@ -0,0 +1,34 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ *.7z filter=lfs diff=lfs merge=lfs -text
2
+ *.arrow filter=lfs diff=lfs merge=lfs -text
3
+ *.bin filter=lfs diff=lfs merge=lfs -text
4
+ *.bz2 filter=lfs diff=lfs merge=lfs -text
5
+ *.ckpt filter=lfs diff=lfs merge=lfs -text
6
+ *.ftz filter=lfs diff=lfs merge=lfs -text
7
+ *.gz filter=lfs diff=lfs merge=lfs -text
8
+ *.h5 filter=lfs diff=lfs merge=lfs -text
9
+ *.joblib filter=lfs diff=lfs merge=lfs -text
10
+ *.lfs.* filter=lfs diff=lfs merge=lfs -text
11
+ *.mlmodel filter=lfs diff=lfs merge=lfs -text
12
+ *.model filter=lfs diff=lfs merge=lfs -text
13
+ *.msgpack filter=lfs diff=lfs merge=lfs -text
14
+ *.npy filter=lfs diff=lfs merge=lfs -text
15
+ *.npz filter=lfs diff=lfs merge=lfs -text
16
+ *.onnx filter=lfs diff=lfs merge=lfs -text
17
+ *.ot filter=lfs diff=lfs merge=lfs -text
18
+ *.parquet filter=lfs diff=lfs merge=lfs -text
19
+ *.pb filter=lfs diff=lfs merge=lfs -text
20
+ *.pickle filter=lfs diff=lfs merge=lfs -text
21
+ *.pkl filter=lfs diff=lfs merge=lfs -text
22
+ *.pt filter=lfs diff=lfs merge=lfs -text
23
+ *.pth filter=lfs diff=lfs merge=lfs -text
24
+ *.rar filter=lfs diff=lfs merge=lfs -text
25
+ *.safetensors filter=lfs diff=lfs merge=lfs -text
26
+ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
27
+ *.tar.* filter=lfs diff=lfs merge=lfs -text
28
+ *.tflite filter=lfs diff=lfs merge=lfs -text
29
+ *.tgz filter=lfs diff=lfs merge=lfs -text
30
+ *.wasm filter=lfs diff=lfs merge=lfs -text
31
+ *.xz filter=lfs diff=lfs merge=lfs -text
32
+ *.zip filter=lfs diff=lfs merge=lfs -text
33
+ *.zst filter=lfs diff=lfs merge=lfs -text
34
+ *tfevents* filter=lfs diff=lfs merge=lfs -text
README.md ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ ---
2
+ title: DataViz Mermaid
3
+ emoji: 🐨
4
+ colorFrom: green
5
+ colorTo: blue
6
+ sdk: static
7
+ pinned: false
8
+ license: mit
9
+ duplicated_from: mariashay/DataViz-Mermaid
10
+ ---
11
+
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html ADDED
@@ -0,0 +1,58 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
+ <div class="mermaid">
15
+ journey
16
+ title Create AI
17
+ section Training
18
+ Format DataSet Inputs Files, Data Splits: 5: Teacher
19
+ Model Build w/ SKLearn, TF, Pytorch: 3: Student
20
+ Determine Model Performance: 1: Teacher, Student
21
+ section Deploy
22
+ Web Deploy Local and Cloud: 5: Teacher
23
+ Architecture Spaces Gradio Streamlit Heroku AWS Azure and GCCP: 5: Teacher
24
+ section Testing
25
+ Test Model with Input Datasets: 5: Teacher
26
+ Examples. Inputs that Work, Inputs That Break Model: 5: Teacher
27
+ Governance - Analyze, Publish Fairness, Equity, Bias for Datasets and Outputs: 5: Teacher
28
+ </div>
29
+
30
+ <div class="mermaid">
31
+ sequenceDiagram
32
+ participant Alice
33
+ participant Bob
34
+ Alice->>John: Hello John, how are you?
35
+ loop Healthcheck
36
+ John->>John: Fight against hypochondria
37
+ end
38
+ Note right of John: Rational thoughts<br/>prevail...
39
+ John-->>Alice: Great!
40
+ John->>Bob: How about you?
41
+ Bob-->>John: Jolly good!
42
+ </div>
43
+
44
+ <div class="card">
45
+ <h1>Welcome to the Mermaid Modeler Tip Sheet</h1>
46
+ <p>
47
+ You can use Mermaid inside HTML5 by including the script and a div with the class or mermaid.
48
+ </p>
49
+ <p>
50
+ Documentation is located here:
51
+ <a href="https://mermaid.js.org/syntax/flowchart.html" target="_blank"
52
+ >Mermaid documentation</a
53
+ >.
54
+ </p>
55
+ </div>
56
+
57
+ </body>
58
+ </html>
style.css ADDED
@@ -0,0 +1,28 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ body {
2
+ padding: 2rem;
3
+ font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
+ }
5
+
6
+ h1 {
7
+ font-size: 16px;
8
+ margin-top: 0;
9
+ }
10
+
11
+ p {
12
+ color: rgb(107, 114, 128);
13
+ font-size: 15px;
14
+ margin-bottom: 10px;
15
+ margin-top: 5px;
16
+ }
17
+
18
+ .card {
19
+ max-width: 620px;
20
+ margin: 0 auto;
21
+ padding: 16px;
22
+ border: 1px solid lightgray;
23
+ border-radius: 16px;
24
+ }
25
+
26
+ .card p:last-child {
27
+ margin-bottom: 0;
28
+ }