Hugging Face's logo

Spaces:
Omnibus
/
Mermaid-script
Running

App Files Community
Omnibus commited on
Commit
1201c6c
·
verified ·
1 Parent(s): 6bf3801

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +6 -92
index.html CHANGED
@@ -17,90 +17,7 @@
17
  </style>
18
  </head>
19
  <body>
20
- //*
21
- <!--div class="chart">
22
- <!--pre id = "test1" class="mermaid">
23
- graph TD
24
- A[Dogs]
25
- B[Classification]
26
- C[Anatomy]
27
- D[Behavior]
28
- E[Diet]
29
- F[Training]
30
- G[Health]
31
- H[Breeds]
32
- I[Genetics]
33
- J[Evolution]
34
- K[Popularity]
35
- L[Intelligence]
36
- M[Communication]
37
- N[Relationship with Humans]
38
- O[Puppy Care]
39
- P[Senior Dog Care]
40
- Q[Working Dogs]
41
- R[Service Dogs]
42
- S[Emotional Support Dogs]
43
- T[Therapy Dogs]
44
- U[Dog Breeding]
45
- V[Dog Adoption]
46
- W[Dog Sports]
47
- X[Dog Fashion]
48
- Y[Dog Nutrition]
49
- Z[Dog Grooming]
50
-
51
- A --> B
52
- A --> C
53
- A --> D
54
- A --> E
55
- A --> F
56
- A --> G
57
- A --> H
58
- A --> I
59
- A --> J
60
- A --> K
61
- A --> L
62
- A --> M
63
- A --> N
64
- A --> O
65
- A --> P
66
- A --> Q
67
- A --> R
68
- A --> S
69
- A --> T
70
- A --> U
71
- A --> V
72
- A --> W
73
- A --> X
74
- A --> Y
75
- A --> Z
76
-
77
- B --> J
78
- C --> I
79
- D --> M
80
- E --> Y
81
- F --> O
82
- F --> P
83
- F --> Q
84
- F --> R
85
- F --> S
86
- F --> T
87
- F --> U
88
- F --> V
89
- F --> W
90
- F --> X
91
- F --> Y
92
- F --> Z
93
- G --> N
94
- H --> U
95
- I --> J
96
- J --> H
97
- K --> V
98
- L --> M
99
- </pre>
100
- </div-->*/
101
-
102
-
103
-
104
  <form id="my-form">
105
  <textarea id="inp" rows="5" cols="33"></textarea>
106
  </form>
@@ -112,10 +29,7 @@ graph TD
112
  <div id="myList"></div>
113
  <div id="test">
114
  <pre id = "test1" class="mermaid">
115
- graph TD
116
- A[Start] --> B[Task 1]
117
- B --> C[Task 2]
118
- C --> D[End]
119
  </pre>
120
  </div>
121
  <script>
@@ -123,12 +37,12 @@ C --> D[End]
123
  const urlParams = new URLSearchParams(queryString);
124
  const merm = urlParams.get("mermaid");
125
  console.log(merm);
126
- //this_id=document.getElementById("test1");
127
  //this_id.innerHTML="graph TD\nA[Start] --> B[Task 1]\nB --> C[Task 7]\nC --> D[End]"
128
- //this_id.innerHTML=merm;
129
 
130
  </script>
131
- <script>
132
  function displayFormOutput() {
133
  const form = document.getElementById("my-form");
134
  const inp = form.elements["inp"];
@@ -144,7 +58,7 @@ C --> D[End]
144
  $('#mermaid').html(node.data.graph).removeAttr('data-processed');
145
  mermaid.init(undefined, $("#mermaid"));
146
  }
147
- </script>
148
 
149
 
150
 
 
17
  </style>
18
  </head>
19
  <body>
20
+
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  <form id="my-form">
22
  <textarea id="inp" rows="5" cols="33"></textarea>
23
  </form>
 
29
  <div id="myList"></div>
30
  <div id="test">
31
  <pre id = "test1" class="mermaid">
32
+
 
 
 
33
  </pre>
34
  </div>
35
  <script>
 
37
  const urlParams = new URLSearchParams(queryString);
38
  const merm = urlParams.get("mermaid");
39
  console.log(merm);
40
+ this_id=document.getElementById("test1");
41
  //this_id.innerHTML="graph TD\nA[Start] --> B[Task 1]\nB --> C[Task 7]\nC --> D[End]"
42
+ this_id.innerText=merm;
43
 
44
  </script>
45
+ <!--script>
46
  function displayFormOutput() {
47
  const form = document.getElementById("my-form");
48
  const inp = form.elements["inp"];
 
58
  $('#mermaid').html(node.data.graph).removeAttr('data-processed');
59
  mermaid.init(undefined, $("#mermaid"));
60
  }
61
+ </script-->
62
 
63
 
64