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,
|