Update app.py

app.py

@@ -1,6 +1,5 @@
 import gradio as gr
 from pyvis.network import Network
-import base64
 
 def create_knowledge_graph():
     # Создаем граф с pyvis
@@ -9,14 +8,14 @@ def create_knowledge_graph():
         width="100%",
         bgcolor="#222222",
         font_color="white",
-        cdn_resources="in_line"  # Все необходимые JS/CSS будут встроены в HTML
+        cdn_resources="in_line"  # Встраиваем JS/CSS в HTML
     )
-    
+
     # Добавляем узлы (концепции)
     nodes = ["Python", "Gradio", "Pyvis", "Data Science", "Machine Learning"]
     for node in nodes:
         net.add_node(node, label=node)
-    
+
     # Добавляем ребра (связи между концепциями)
     edges = [
         ("Python", "Gradio"),
@@ -28,23 +27,38 @@ def create_knowledge_graph():
     ]
     for source, target in edges:
         net.add_edge(source, target)
-    
+
     # Генерируем HTML-код графа
     html_content = net.generate_html(notebook=False)
-    
-    # Кодируем HTML в base64 и формируем data URL
-    html_bytes = html_content.encode("utf-8")
-    b64_html = base64.b64encode(html_bytes).decode("utf-8")
-    data_uri = f"data:text/html;base64,{b64_html}"
-    
-    # Возвращаем ссылку, которая откроется в новой вкладке
-    return f'<a href="{data_uri}" target="_blank">Открыть граф в новой вкладке</a>'
+
+    # Экранируем двойные кавычки для корректной вставки в srcdoc
+    html_content_escaped = html_content.replace('"', '&quot;')
+
+    # Оборачиваем HTML в iframe
+    iframe_code = f'''
+    <iframe 
+        srcdoc="{html_content_escaped}" 
+        width="100%" 
+        height="600" 
+        frameborder="0"
+    ></iframe>
+    '''
+    return iframe_code
 
 with gr.Blocks() as demo:
-    gr.Markdown("# Открытие графа в новой вкладке")
+    gr.Markdown("# Граф Знаний с Pyvis и Gradio (Blocks)")
+
+    # Кнопка для генерации графа
     generate_button = gr.Button("Создать граф")
-    html_out = gr.HTML()
 
-    generate_button.click(fn=create_knowledge_graph, inputs=[], outputs=html_out)
+    # Выводим результат в виде HTML
+    graph_html = gr.HTML()
+
+    # Связываем кнопку с функцией
+    generate_button.click(
+        fn=create_knowledge_graph, 
+        inputs=[], 
+        outputs=graph_html
+    )
 
-demo.launch(inline=True)
+demo.launch()