ZahirJS commited on
Commit
c43efb6
·
verified ·
1 Parent(s): e2adc2e

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +10 -12
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; /* Green color for buttons */
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 { /* Tailwind dark mode for overall container if needed */
58
  --tw-bg-opacity: 1;
59
- background-color: rgb(24 24 27 / var(--tw-bg-opacity)); /* bg-zinc-900 */
60
  color: #d4d4d8; /* text-zinc-300 */
61
  }
62
  .gradio-container.dark .gr-textbox {
63
- background-color: rgb(39 39 42 / var(--tw-bg-opacity)); /* bg-zinc-800 */
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
- # Advanced Graph Generation Suite
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 (Vertical Hierarchy)",
91
- "Creates a hierarchical concept map, ideal for breaking down complex topics."
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 (Horizontal Hierarchy)",
99
- "Generates a horizontal synoptic chart, perfect for outlining processes or structures."
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 (Central Expansion)",
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,