Update app.py
Browse files
app.py
CHANGED
@@ -42,7 +42,7 @@ if __name__ == "__main__":
|
|
42 |
.gr-button {
|
43 |
border-radius: 8px;
|
44 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
45 |
-
background-color: #4CAF50;
|
46 |
color: white;
|
47 |
padding: 10px 20px;
|
48 |
font-size: 1.1em;
|
@@ -54,13 +54,13 @@ if __name__ == "__main__":
|
|
54 |
border-radius: 8px;
|
55 |
padding: 10px;
|
56 |
}
|
57 |
-
.gradio-container.dark {
|
58 |
--tw-bg-opacity: 1;
|
59 |
-
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
|
60 |
color: #d4d4d8; /* text-zinc-300 */
|
61 |
}
|
62 |
.gradio-container.dark .gr-textbox {
|
63 |
-
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
|
64 |
color: #d4d4d8;
|
65 |
border-color: #52525b; /* border-zinc-600 */
|
66 |
}
|
@@ -75,7 +75,7 @@ if __name__ == "__main__":
|
|
75 |
) as demo:
|
76 |
gr.Markdown(
|
77 |
"""
|
78 |
-
#
|
79 |
Choose a graph type and provide your JSON data to generate a visual representation.
|
80 |
All graphs maintain a consistent, elegant style with rounded boxes,
|
81 |
a dark-to-light color gradient, and a clean white background.
|
@@ -87,26 +87,24 @@ if __name__ == "__main__":
|
|
87 |
concept_map_interface = create_interface(
|
88 |
generate_concept_map,
|
89 |
CONCEPT_MAP_JSON,
|
90 |
-
"Concept Map Generator
|
91 |
-
|
92 |
)
|
93 |
# Removed .render() here
|
94 |
with gr.TabItem("Synoptic Chart"):
|
95 |
synoptic_chart_interface = create_interface(
|
96 |
generate_synoptic_chart,
|
97 |
SYNOPTIC_CHART_JSON,
|
98 |
-
"Synoptic Chart Generator
|
99 |
-
|
100 |
)
|
101 |
# Removed .render() here
|
102 |
with gr.TabItem("Radial Diagram"):
|
103 |
radial_diagram_interface = create_interface(
|
104 |
generate_radial_diagram,
|
105 |
RADIAL_DIAGRAM_JSON,
|
106 |
-
"Radial Diagram Generator
|
107 |
-
"Creates a diagram expanding from a central idea, visualizing interconnected concepts."
|
108 |
)
|
109 |
-
# Removed .render() here
|
110 |
|
111 |
demo.launch(
|
112 |
mcp_server=True,
|
|
|
42 |
.gr-button {
|
43 |
border-radius: 8px;
|
44 |
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
45 |
+
background-color: #4CAF50;
|
46 |
color: white;
|
47 |
padding: 10px 20px;
|
48 |
font-size: 1.1em;
|
|
|
54 |
border-radius: 8px;
|
55 |
padding: 10px;
|
56 |
}
|
57 |
+
.gradio-container.dark {
|
58 |
--tw-bg-opacity: 1;
|
59 |
+
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
|
60 |
color: #d4d4d8; /* text-zinc-300 */
|
61 |
}
|
62 |
.gradio-container.dark .gr-textbox {
|
63 |
+
background-color: rgb(39 39 42 / var(--tw-bg-opacity));
|
64 |
color: #d4d4d8;
|
65 |
border-color: #52525b; /* border-zinc-600 */
|
66 |
}
|
|
|
75 |
) as demo:
|
76 |
gr.Markdown(
|
77 |
"""
|
78 |
+
# Graphify: Generate concepts maps, synoptic charts and radial diagrams for JSON!
|
79 |
Choose a graph type and provide your JSON data to generate a visual representation.
|
80 |
All graphs maintain a consistent, elegant style with rounded boxes,
|
81 |
a dark-to-light color gradient, and a clean white background.
|
|
|
87 |
concept_map_interface = create_interface(
|
88 |
generate_concept_map,
|
89 |
CONCEPT_MAP_JSON,
|
90 |
+
"Concept Map Generator",
|
91 |
+
|
92 |
)
|
93 |
# Removed .render() here
|
94 |
with gr.TabItem("Synoptic Chart"):
|
95 |
synoptic_chart_interface = create_interface(
|
96 |
generate_synoptic_chart,
|
97 |
SYNOPTIC_CHART_JSON,
|
98 |
+
"Synoptic Chart Generator",
|
99 |
+
|
100 |
)
|
101 |
# Removed .render() here
|
102 |
with gr.TabItem("Radial Diagram"):
|
103 |
radial_diagram_interface = create_interface(
|
104 |
generate_radial_diagram,
|
105 |
RADIAL_DIAGRAM_JSON,
|
106 |
+
"Radial Diagram Generator",
|
|
|
107 |
)
|
|
|
108 |
|
109 |
demo.launch(
|
110 |
mcp_server=True,
|