Update app.py

app.py

@@ -1,4 +1,172 @@
 
+import time
+import re
+import pandas as pd
+import numpy as np
+import torch
+import torch.nn.functional as F
+import graphviz as graphviz
+import pydeck as pdk
+import streamlit as st
+
+from transformers import AutoTokenizer, AutoModel
+from tokenizers import Tokenizer, AddedToken
+from st_click_detector import click_detector
+
+st.graphviz_chart(''' 
+digraph G2 {
+    node [shape=plaintext];
+    struct1 [label=<<TABLE>
+      <TR><TD><IMG SRC="1.png"></IMG></TD></TR>
+      <TR><TD>caption</TD></TR>
+    </TABLE>>];
+}
+''')
+
+
+st.graphviz_chart(''' 
+digraph G {
+  rankdir=LR
+  node [shape=plaintext]
+  a [
+     label=<
+<TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0">
+  <TR><TD ROWSPAN="3" BGCOLOR="yellow">class</TD></TR>
+  <TR><TD PORT="here" BGCOLOR="lightblue">qualifier</TD></TR>
+</TABLE>>
+  ]
+  b [shape=ellipse style=filled
+     label=<
+<TABLE BGCOLOR="bisque">
+  <TR>
+      <TD COLSPAN="3">elephant</TD> 
+      <TD ROWSPAN="2" BGCOLOR="chartreuse" 
+          VALIGN="bottom" ALIGN="right">two</TD>
+  </TR>
+  <TR>
+    <TD COLSPAN="2" ROWSPAN="2">
+      <TABLE BGCOLOR="grey">
+        <TR><TD>corn</TD></TR> 
+        <TR><TD BGCOLOR="yellow">c</TD></TR> 
+        <TR><TD>f</TD></TR> 
+      </TABLE>
+    </TD>
+    <TD BGCOLOR="white">penguin</TD> 
+  </TR> 
+  <TR>
+    <TD COLSPAN="2" BORDER="4" ALIGN="right" PORT="there">4</TD>
+  </TR>
+</TABLE>>
+  ]
+  c [ 
+  label=<long line 1<BR/>line 2<BR ALIGN="LEFT"/>line 3<BR ALIGN="RIGHT"/>>
+  ]
+  subgraph { rank=same b c }
+  a:here -> b:there [dir=both arrowtail=diamond]
+  c -> b
+  d [shape=triangle]
+  d -> c [label=<
+<TABLE>
+  <TR>
+    <TD BGCOLOR="red" WIDTH="10"> </TD>
+    <TD>Edge labels<BR/>also</TD>
+    <TD BGCOLOR="blue" WIDTH="10"> </TD>
+  </TR>
+</TABLE>>
+  ]
+}
+''')
+
+st.graphviz_chart(''' 
+digraph R {
+  rankdir=LR
+  node [style=rounded]
+  node1 [shape=box]
+  node2 [fillcolor=yellow, style="rounded,filled", shape=diamond]
+  node3 [shape=record, label="{ a | b | c }"]
+  node1 -> node2 -> node3
+}
+''')
+
+
+st.graphviz_chart(''' 
+digraph structs {
+    node [shape=record];
+    struct1 [label="<f0> left|<f1> mid&#92; dle|<f2> right"];
+    struct2 [label="<f0> one|<f1> two"];
+    struct3 [label="hello&#92;nworld |{ b |{c|<here> d|e}| f}| g | h"];
+    struct1:f1 -> struct2:f0;
+    struct1:f2 -> struct3:here;
+}
+''')
+
+st.graphviz_chart(''' 
+graph G {
+  fontname="Helvetica,Arial,sans-serif"
+  node [fontname="Helvetica,Arial,sans-serif"]
+  edge [fontname="Helvetica,Arial,sans-serif"]
+  layout=fdp
+  e
+  subgraph clusterA {
+    a -- b;
+    subgraph clusterC {
+      C -- D;
+    }
+  }
+  subgraph clusterB {
+    d -- f
+  }
+  d -- D
+  e -- clusterB
+  clusterC -- clusterB
+}
+''')
+
+st.graphviz_chart(''' 
+graph Transparency {
+	layout=neato
+	start=11 // empiric value to set orientation
+	bgcolor="#0000ff11"
+	node [shape=circle width=2.22 label="" style=filled]
+	5 [color="#0000ff80"]
+	6 [color="#ee00ee80"]
+	1 [color="#ff000080"]
+	2 [color="#eeee0080"]
+	3 [color="#00ff0080"]
+	4 [color="#00eeee80"]
+	1 -- 2 -- 3 -- 4 -- 5 -- 6 -- 1
+	}
+''')
+
+st.graphviz_chart('''
+digraph UML_Class_diagram {
+	fontname="Helvetica,Arial,sans-serif"
+	node [fontname="Helvetica,Arial,sans-serif"]
+	edge [fontname="Helvetica,Arial,sans-serif"]
+	labelloc="t"
+	label="UML Class diagram demo"
+	graph [splines=false]
+	node [shape=record style=filled fillcolor=gray95]
+	edge [arrowhead=vee style=dashed]
+	Client -> Interface1 [xlabel=dependency]
+	Client -> Interface2
+	edge [dir=back arrowtail=empty style=""]
+	Interface1 -> Class1 [xlabel=inheritance]
+	Interface2 -> Class1 [dir=none]
+	Interface2 [label="" xlabel="Simple\ninterface" shape=circle]
+	Interface1[label = <{<b>«interface» I/O</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	Class1[label = <{<b>I/O class</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	edge [dir=back arrowtail=empty style=dashed]
+	Class1 -> System_1 [xlabel=implementation]
+	System_1 [label = <{<b>System</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	"Shared resource" [label = <{<b>Shared resource</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	edge [dir=back arrowtail=diamond]
+	"System_1" -> Subsystem_1 [xlabel="composition"]
+	Subsystem_1[label = <{<b>Subsystem 1</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	Subsystem_2[label = <{<b>Subsystem 2</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	Subsystem_3[label = <{<b>Subsystem 3</b> | + property<br align="left"/>...<br align="left"/>|+ method<br align="left"/>...<br align="left"/>}>]
+	"System_1" -> Subsystem_2
+	"System_1" -> Subsystem_3
 	edge [xdir=back arrowtail=odiamond]
 	Subsystem_1 -> "Shared resource" [xlabel=aggregation]
 	{Subsystem_2 Subsystem_3 } -> "Shared resource"