Spaces:
Runtime error
Runtime error
| 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 | |
| # Define selection options and sort alphabetically | |
| 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" | |
| } | |
| ''') | |
| st.graphviz_chart(''' | |
| digraph G { | |
| fontname="Helvetica,Arial,sans-serif" | |
| node [fontname="Helvetica,Arial,sans-serif"] | |
| edge [fontname="Helvetica,Arial,sans-serif"] | |
| subgraph cluster_1 { | |
| node [ style=filled,shape="box",fillcolor="antiquewhite:aquamarine" ]n5; | |
| node [ shape="ellipse",fillcolor="bisque4:blue2" ]n4; | |
| node [ shape="circle",fillcolor="cadetblue1:chocolate1" ]n3; | |
| node [ shape="diamond",fillcolor="crimson:cyan4" ]n2; | |
| node [ shape="triangle",fillcolor="deepskyblue2:firebrick" ]n1; | |
| node [ shape="pentagon",fillcolor="gray24:gray88" ]n0; | |
| label = "X11 Colors"; | |
| } | |
| subgraph cluster_2 { | |
| node [ style=filled,shape="box",fillcolor="bisque:brown" ]n11; | |
| node [ shape="ellipse",fillcolor="green:darkorchid" ]n10; | |
| node [ shape="circle",fillcolor="deepskyblue:gold" ]n9; | |
| node [ shape="diamond",fillcolor="lightseagreen:orangered" ]n8; | |
| node [ shape="triangle",fillcolor="turquoise:salmon" ]n7; | |
| node [ shape="pentagon",fillcolor="snow:black" ]n6; | |
| label = "SVG Colors"; | |
| } | |
| subgraph cluster_3 { | |
| node [ style=filled,shape="box",fillcolor="/accent3/1:/accent3/3" ]n17; | |
| node [ shape="ellipse",fillcolor="/accent4/1:/accent4/4" ]n16; | |
| node [ shape="circle",fillcolor="/accent5/1:/accent5/5" ]n15; | |
| node [ shape="diamond",fillcolor="/accent6/1:/accent6/6" ]n14; | |
| node [ shape="triangle",fillcolor="/accent7/1:/accent7/7" ]n13; | |
| node [ shape="pentagon",fillcolor="/accent8/1:/accent8/8" ]n12; | |
| label = "Brewer - accent"; | |
| } | |
| subgraph cluster_4 { | |
| node [ style=filled,shape="box",fillcolor="/blues3/1:/blues3/2" ]n23; | |
| node [ shape="ellipse",fillcolor="/blues4/1:/blues4/3" ]n22; | |
| node [ shape="circle",fillcolor="/blues5/1:/blues5/4" ]n21; | |
| node [ shape="diamond",fillcolor="/blues6/1:/blues6/5" ]n20; | |
| node [ shape="triangle",fillcolor="/blues7/1:/blues7/6" ]n19; | |
| node [ shape="pentagon",fillcolor="/blues8/1:/blues8/7" ]n18; | |
| label = "Brewer - blues"; | |
| } | |
| n3 -> n9 -> n15 -> n21; | |
| } | |
| ''') | |
| st.graphviz_chart(''' | |
| digraph G {bgcolor="#0000FF44:#FF000044" gradientangle=90 | |
| fontname="Helvetica,Arial,sans-serif" | |
| node [fontname="Helvetica,Arial,sans-serif"] | |
| edge [fontname="Helvetica,Arial,sans-serif"] | |
| subgraph cluster_0 { | |
| style=filled; | |
| color=lightgrey; | |
| fillcolor="darkgray:gold"; | |
| gradientangle=0 | |
| node [fillcolor="yellow:green" style=filled gradientangle=270] a0; | |
| node [fillcolor="lightgreen:red"] a1; | |
| node [fillcolor="lightskyblue:darkcyan"] a2; | |
| node [fillcolor="cyan:lightslateblue"] a3; | |
| a0 -> a1 -> a2 -> a3; | |
| label = "process #1"; | |
| } | |
| subgraph cluster_1 { | |
| node [fillcolor="yellow:magenta" | |
| style=filled gradientangle=270] b0; | |
| node [fillcolor="violet:darkcyan"] b1; | |
| node [fillcolor="peachpuff:red"] b2; | |
| node [fillcolor="mediumpurple:purple"] b3; | |
| b0 -> b1 -> b2 -> b3; | |
| label = "process #2"; | |
| color=blue | |
| fillcolor="darkgray:gold"; | |
| gradientangle=0 | |
| style=filled; | |
| } | |
| start -> a0; | |
| start -> b0; | |
| a1 -> b3; | |
| b2 -> a3; | |
| a3 -> a0; | |
| a3 -> end; | |
| b3 -> end; | |
| start [shape=Mdiamond , | |
| fillcolor="pink:red", | |
| gradientangle=90, | |
| style=radial]; | |
| end [shape=Msquare, | |
| fillcolor="lightyellow:orange", | |
| style=radial, | |
| gradientangle=90]; | |
| } | |
| ''') | |
| st.graphviz_chart(''' | |
| graph Color_wheel { | |
| graph [ | |
| layout = neato | |
| label = "Color wheel, 33 colors.\nNeato layout" | |
| labelloc = b | |
| fontname = "Helvetica,Arial,sans-serif" | |
| start = regular | |
| normalize = 0 | |
| ] | |
| node [ | |
| shape = circle | |
| style = filled | |
| color = "#00000088" | |
| fontname = "Helvetica,Arial,sans-serif" | |
| ] | |
| edge [ | |
| len = 2.7 | |
| color = "#00000088" | |
| fontname = "Helvetica,Arial,sans-serif" | |
| ] | |
| subgraph Dark { | |
| node [fontcolor = white width = 1.4] | |
| center [width = 1 style = invis shape = point] | |
| center -- darkred [label = "0°/360°"] | |
| darkred [fillcolor = darkred] | |
| brown [fillcolor = brown] | |
| brown -- center [label = "30°"] | |
| olive [fillcolor = olive] | |
| olive -- center [label = "60°"] | |
| darkolivegreen [fillcolor = darkolivegreen fontsize = 10] | |
| darkolivegreen -- center [label = "90°"] | |
| darkgreen [fillcolor = darkgreen] | |
| darkgreen -- center [label = "120°"] | |
| "dark hue 0.416" [color = ".416 1 .6" fontcolor = white] | |
| "dark hue 0.416" -- center [label = "150°"] | |
| darkcyan [fillcolor = darkcyan] | |
| darkcyan -- center [label = "180°"] | |
| "dark hue 0.583" [color = ".583 1 .6" fontcolor = white] | |
| "dark hue 0.583" -- center [label = "210°"] | |
| darkblue [fillcolor = darkblue] | |
| darkblue -- center [label = "240°"] | |
| "dark hue 0.750" [color = ".750 1 .6"] | |
| "dark hue 0.750" -- center [label = "270°"] | |
| darkmagenta [fillcolor = darkmagenta] | |
| darkmagenta -- center [label = "300°"] | |
| "dark hue 0.916" [color = ".916 1 .6"] | |
| "dark hue 0.916" -- center [label = "330°"] | |
| } | |
| subgraph Tue { | |
| node [width = 1.3] | |
| "hue 0.083" -- brown | |
| "hue 0.083" [color = ".083 1 1"] | |
| "hue 0.125" [color = ".125 1 1"] | |
| "hue 0.166" -- olive | |
| "hue 0.166" [color = ".166 1 1"] | |
| "hue 0.208" [color = ".208 1 1"] | |
| "hue 0.250" -- darkolivegreen | |
| "hue 0.250" [color = ".250 1 1"] | |
| "hue 0.291" [color = ".291 1 1"] | |
| "hue 0.333" -- darkgreen | |
| "hue 0.333" [color = ".333 1 1"] | |
| "hue 0.375" [color = ".375 1 1"] | |
| "hue 0.416" -- "dark hue 0.416" | |
| "hue 0.416" [color = ".416 1 1"] | |
| "hue 0.458" [color = ".458 1 1"] | |
| "hue 0.500" -- darkcyan | |
| "hue 0.500" [color = ".500 1 1"] | |
| "hue 0.541" [color = ".541 1 1"] | |
| node [fontcolor = white] | |
| "hue 0.000" [color = ".000 1 1"] | |
| "hue 0.000" -- darkred | |
| "hue 0.041" [color = ".041 1 1"] | |
| "hue 0.583" -- "dark hue 0.583" | |
| "hue 0.583" [color = ".583 1 1"] | |
| "hue 0.625" [color = ".625 1 1"] | |
| "hue 0.666" -- darkblue | |
| "hue 0.666" [color = ".666 1 1"] | |
| "hue 0.708" [color = ".708 1 1"] | |
| "hue 0.750" -- "dark hue 0.750" | |
| "hue 0.750" [color = ".750 1 1"] | |
| "hue 0.791" [color = ".791 1 1"] | |
| "hue 0.833" -- darkmagenta | |
| "hue 0.833" [color = ".833 1 1"] | |
| "hue 0.875" [color = ".875 1 1"] | |
| "hue 0.916" -- "dark hue 0.916" | |
| "hue 0.916" [color = ".916 1 1"] | |
| "hue 0.958" [color = ".958 1 1"] | |
| edge [len = 1] | |
| "hue 0.000" -- "hue 0.041" -- "hue 0.083" -- "hue 0.125" -- "hue 0.166" -- "hue 0.208" | |
| "hue 0.208" -- "hue 0.250" -- "hue 0.291" -- "hue 0.333" -- "hue 0.375" -- "hue 0.416" | |
| "hue 0.416" -- "hue 0.458" -- "hue 0.500" --"hue 0.541" -- "hue 0.583" -- "hue 0.625" | |
| "hue 0.625" -- "hue 0.666" -- "hue 0.708" -- "hue 0.750" -- "hue 0.791" -- "hue 0.833" | |
| "hue 0.833" -- "hue 0.875" -- "hue 0.916" -- "hue 0.958" -- "hue 0.000" | |
| } | |
| subgraph Main_colors { | |
| node [width = 2 fontsize = 20] | |
| red [fillcolor = red fontcolor = white] | |
| orangered [fillcolor = orangered] | |
| orange [fillcolor = orange] | |
| gold [fillcolor = gold] | |
| yellow [fillcolor = yellow] | |
| yellowgreen [fillcolor = yellowgreen] | |
| deeppink [fillcolor = deeppink fontcolor = white] | |
| fuchsia [label = "fuchsia\nmagenta" fillcolor = fuchsia fontcolor = white] | |
| purple [fillcolor = purple fontcolor = white] | |
| blue [fillcolor = blue fontcolor = white] | |
| cornflowerblue [fillcolor = cornflowerblue] | |
| deepskyblue [fillcolor = deepskyblue] | |
| aqua [fillcolor = aqua label = "aqua\ncyan"] | |
| springgreen [fillcolor = springgreen] | |
| green [fillcolor = green] | |
| purple -- fuchsia -- deeppink -- red | |
| cornflowerblue -- blue -- purple | |
| cornflowerblue -- deepskyblue -- aqua [len = 1.7] | |
| aqua -- springgreen -- green -- yellowgreen -- yellow | |
| yellow -- gold -- orange -- orangered -- red [len = 1.6] | |
| orange -- "hue 0.083" | |
| deeppink -- "hue 0.916" | |
| deeppink -- "hue 0.875" | |
| red -- "hue 0.000" | |
| yellowgreen -- "hue 0.250" | |
| blue -- "hue 0.666" | |
| yellow -- "hue 0.166" | |
| gold -- "hue 0.125" | |
| green -- "hue 0.333" | |
| springgreen -- "hue 0.416" | |
| aqua -- "hue 0.500" | |
| cornflowerblue -- "hue 0.583" | |
| deepskyblue -- "hue 0.541" | |
| purple -- "hue 0.791" | |
| purple -- "hue 0.750" | |
| fuchsia -- "hue 0.833" | |
| } | |
| subgraph Light_colors { | |
| node [width = 2 fontsize = 20] | |
| node [shape = circle width = 1.8] | |
| edge [len = 2.1] | |
| pink [fillcolor = pink] | |
| pink -- red | |
| lightyellow [fillcolor = lightyellow] | |
| lightyellow -- yellow | |
| mediumpurple [fillcolor = mediumpurple] | |
| mediumpurple -- purple | |
| violet [fillcolor = violet] | |
| violet -- fuchsia | |
| hotpink [fillcolor = hotpink] | |
| hotpink -- deeppink | |
| "light hue 0.250" [color = ".250 .2 1"] | |
| "light hue 0.250" -- yellowgreen | |
| lightcyan [fillcolor = lightcyan] | |
| lightcyan -- aqua | |
| lightslateblue [fillcolor = lightslateblue] | |
| lightslateblue -- blue | |
| lightgreen [fillcolor = lightgreen] | |
| lightgreen -- green | |
| lightskyblue [fillcolor = lightskyblue] | |
| lightskyblue -- deepskyblue | |
| peachpuff [fillcolor = peachpuff] | |
| peachpuff -- orange | |
| "light hue 0.416" [color = ".416 .2 1"] | |
| "light hue 0.416" -- springgreen | |
| } | |
| subgraph Tints { | |
| node [width = 1] | |
| edge [len = 2.4] | |
| "hue 0 tint" -- pink | |
| "hue 0 tint" [color = "0 .1 1"] | |
| "hue 0.041 tint" [color = ".041 .1 1"] | |
| "hue 0.083 tint" -- peachpuff | |
| "hue 0.083 tint" [color = ".083 .1 1"] | |
| "hue 0.125 tint" [color = ".125 .1 1"] | |
| "hue 0.166 tint" -- lightyellow | |
| "hue 0.166 tint" [color = ".166 .1 1"] | |
| "hue 0.208 tint" [color = ".208 .1 1"] | |
| "hue 0.250 tint" -- "light hue 0.250" | |
| "hue 0.250 tint" [color = ".250 .1 1"] | |
| "hue 0.291 tint" [color = ".291 .1 1"] | |
| "hue 0.333 tint" -- lightgreen | |
| "hue 0.333 tint" [color = ".333 .1 1"] | |
| "hue 0.375 tint" [color = ".375 .1 1"] | |
| "hue 0.416 tint" -- "light hue 0.416" | |
| "hue 0.416 tint" [color = ".416 .1 1"] | |
| "hue 0.458 tint" [color = ".458 .1 1"] | |
| "hue 0.5 tint" -- lightcyan | |
| "hue 0.5 tint" [color = ".5 .1 1"] | |
| "hue 0.541 tint" -- lightskyblue | |
| "hue 0.541 tint" [color = ".541 .1 1"] | |
| "hue 0.583 tint" [color = ".583 .1 1"] | |
| "hue 0.625 tint" [color = ".625 .1 1"] | |
| "hue 0.666 tint" -- lightslateblue | |
| "hue 0.666 tint" [color = ".666 .1 1"] | |
| "hue 0.708 tint" [color = ".708 .1 1"] | |
| "hue 0.750 tint" -- mediumpurple | |
| "hue 0.750 tint" [color = ".750 .1 1"] | |
| "hue 0.791 tint" [color = ".791 .1 1"] | |
| "hue 0.833 tint" -- violet | |
| "hue 0.833 tint" [color = ".833 .1 1"] | |
| "hue 0.875 tint" [color = ".875 .1 1"] | |
| "hue 0.916 tint" -- hotpink | |
| "hue 0.916 tint" [color = ".916 .1 1"] | |
| "hue 0.958 tint" [color = ".958 .1 1"] | |
| edge [len = 2] | |
| "hue 0 tint" -- "hue 0.041 tint" -- "hue 0.083 tint" -- "hue 0.125 tint" -- "hue 0.166 tint" -- "hue 0.208 tint" | |
| "hue 0.208 tint" -- "hue 0.250 tint" -- "hue 0.291 tint" -- "hue 0.333 tint" -- "hue 0.375 tint" -- "hue 0.416 tint" | |
| "hue 0.416 tint" -- "hue 0.458 tint" -- "hue 0.5 tint" --"hue 0.541 tint" -- "hue 0.583 tint" -- "hue 0.625 tint" | |
| "hue 0.625 tint" -- "hue 0.666 tint" -- "hue 0.708 tint" -- "hue 0.750 tint" -- "hue 0.791 tint" -- "hue 0.833 tint" | |
| "hue 0.833 tint" -- "hue 0.875 tint" -- "hue 0.916 tint" -- "hue 0.958 tint" -- "hue 0 tint" | |
| } | |
| } | |
| ''') |