Update app-backup2.py

app-backup2.py

@@ -38,54 +38,109 @@ with open(EVENTS_PATH, encoding="utf-8") as f:
 # 3. Helper functions
 # ──────────────────────────
 def half_sine(xs, period, amp):
+    """Half-sine ‘tower’ with zero bottom floor."""
     phase = np.mod(xs - CENTER, period)
     y = amp * np.sin(np.pi * phase / period)
     y[y < 0] = 0
     return y
 
 def build_chart(start: int, end: int):
-    xs = np.linspace(start, end, max(1000, (end-start)*4))
+    """Return (Plotly figure, summary string) for the requested year range."""
+    xs = np.linspace(start, end, max(1000, (end - start) * 4))
     fig = go.Figure()
 
-    # draw half-sine “towers”
+    # ◼ 1) Draw gradient half-sine ‘towers’ (30 layers each, like old matplotlib version)
     for period in ORDERED_PERIODS:
-        ys = half_sine(xs, period, AMPL[period])
-        fig.add_trace(go.Scatter(
-            x=xs, y=ys, mode="lines",
-            line=dict(color=COLOR[period], width=1),
-            hoverinfo="skip", showlegend=False))
+        base_amp = AMPL[period]
+        color    = COLOR[period]
+
+        # ── gradient layers (thin, semi-transparent) ──────────────────────
+        for frac in np.linspace(base_amp / 30, base_amp, 30):
+            ys = half_sine(xs, period, frac)
+            fig.add_trace(go.Scatter(
+                x = xs,
+                y = ys,
+                mode = "lines",
+                line = dict(color=color, width=0.8),
+                opacity = 0.6,
+                hoverinfo = "skip",
+                showlegend = False
+            ))
 
-    # annotate events with hover
+        # ── outer edge line (slightly thicker) ───────────────────────────
+        ys = half_sine(xs, period, base_amp)
+        fig.add_trace(go.Scatter(
+            x = xs,
+            y = ys,
+            mode = "lines",
+            line = dict(color=color, width=1.6),
+            hoverinfo = "skip",
+            showlegend = False
+        ))
+
+    # ◼ 2) Event markers with bilingual hover text ─────────────────────────
     for year, evs in EVENTS.items():
         if start <= year <= end:
             cycle_name = evs[0]["cycle"]
-            period = PERIOD_BY_CYCLE.get(cycle_name, 50)
-            y = float(half_sine(np.array([year]), period, AMPL[period]))
-            txt_en = "<br>".join(e["event_en"] for e in evs)
-            txt_ko = "<br>".join(e["event_ko"] for e in evs)
+            period     = PERIOD_BY_CYCLE.get(cycle_name, 50)
+            y_val      = float(half_sine(np.array([year]), period, AMPL[period]))
+            txt_en     = "<br>".join(e["event_en"] for e in evs)
+            txt_ko     = "<br>".join(e["event_ko"] for e in evs)
+
             fig.add_trace(go.Scatter(
-                x=[year], y=[y], mode="markers",
-                marker=dict(color="white", size=6),
-                customdata=[[cycle_name, txt_en, txt_ko]],
-                hovertemplate=(
+                x = [year], y = [y_val],
+                mode = "markers",
+                marker = dict(color="white", size=6),
+                customdata = [[cycle_name, txt_en, txt_ko]],
+                hovertemplate = (
                     "Year %{x} • %{customdata[0]} cycle"
                     "<br>%{customdata[1]}"
                     "<br>%{customdata[2]}<extra></extra>"
                 ),
-                showlegend=False
+                showlegend = False
             ))
 
-    # styling
+    # ◼ 3) Cosmetic touches: centre line, 250-yr arrow, background, axes ────
+    # centre alignment marker
+    fig.add_vline(
+        x = CENTER,
+        line_dash = "dash",
+        line_color = "white",
+        opacity = 0.6
+    )
+
+    # 250-year span arrow (↔) across the top of chart
+    arrow_y = AMPL[250] * 1.05
+    fig.add_annotation(
+        x = CENTER - 125, y = arrow_y,
+        ax = CENTER + 125, ay = arrow_y,
+        xref = "x", yref = "y", axref = "x", ayref = "y",
+        showarrow = True,
+        arrowhead = 3,
+        arrowsize = 1,
+        arrowwidth = 1.2,
+        arrowcolor = "white"
+    )
+    fig.add_annotation(
+        x = CENTER, y = arrow_y + 0.15,
+        text = "250 yr",
+        showarrow = False,
+        font = dict(color="white", size=10)
+    )
+
+    # global styling
     fig.update_layout(
-        template="plotly_dark",
-        height=450,
-        margin=dict(t=30, l=40, r=40, b=40),
-        hoverlabel=dict(bgcolor="#222", font_size=11)
+        template = "plotly_dark",
+        paper_bgcolor = "black",
+        plot_bgcolor  = "black",
+        height = 450,
+        margin = dict(t=30, l=40, r=40, b=40),
+        hoverlabel = dict(bgcolor="#222", font_size=11)
     )
-    fig.update_xaxes(title="Year", range=[start, end])
-    fig.update_yaxes(title="Relative amplitude", showticklabels=False)
+    fig.update_xaxes(title="Year",  range=[start, end], showgrid=False)
+    fig.update_yaxes(title="Relative amplitude", showticklabels=False, showgrid=False)
 
-    summary = f"Range {start}-{end} | Events plotted: {sum(1 for y in EVENTS if start<=y<=end)}"
+    summary = f"Range {start}-{end} | Events plotted: {sum(1 for y in EVENTS if start <= y <= end)}"
     return fig, summary
 
 # ──────────────────────────
@@ -100,14 +155,17 @@ def chat_with_gpt(history, user_msg, chart_summary):
     messages = [{"role": "system", "content": BASE_PROMPT}]
     if chart_summary not in ("", "No chart yet."):
         messages.append({"role": "system", "content": f"[Chart summary]\n{chart_summary}"})
+
     for u, a in history:
-        messages.extend([{"role":"user","content":u},{"role":"assistant","content":a}])
-    messages.append({"role":"user","content":user_msg})
+        messages.extend([{"role": "user", "content": u},
+                         {"role": "assistant", "content": a}])
+    messages.append({"role": "user", "content": user_msg})
+
     res = openai.chat.completions.create(
-        model="gpt-3.5-turbo",
-        messages=messages,
-        max_tokens=600,
-        temperature=0.7
+        model = "gpt-3.5-turbo",
+        messages = messages,
+        max_tokens = 600,
+        temperature = 0.7
     )
     return res.choices[0].message.content.strip()
 
@@ -116,64 +174,81 @@ def chat_with_gpt(history, user_msg, chart_summary):
 # ──────────────────────────
 def create_app():
     with gr.Blocks(theme=gr.themes.Soft()) as demo:
+        # ── Title & subtitle
         gr.Markdown("## 🔭 **CycleNavigator (Interactive)**")
+        gr.Markdown("### <sub>Interactive visual service delivering insights at a glance into the four major long cycles—9-year business cycle, 50-year Kondratiev wave, 80-year financial credit cycle, and 250-year hegemony cycle—through dynamic charts and AI chat.</sub>")        
         gr.Markdown(
             "<sub>"
-            "K-Wave 50y • Business 9y • Finance 80y • Hegemony 250y"
+            "<b>Business 9y</b> (credit-investment business cycle) • "
+            "<b>K-Wave 50y</b> (long technological-industrial wave) • "
+            "<b>Finance 80y</b> (long credit-debt cycle) • "
+            "<b>Hegemony 250y</b> (rise & fall of global powers cycle)"
             "</sub>"
         )
+    
 
         chart_summary_state = gr.State(value="No chart yet.")
 
         with gr.Tabs():
-            # ── Chart Tab ───────────────
+            # ── Tab 1: Timeline Chart ─────────────────────────────────────
             with gr.TabItem("Timeline Chart"):
                 with gr.Row():
-                    start_year = gr.Number(label="Start Year", value=1775, precision=0)
-                    end_year   = gr.Number(label="End Year",   value=2025, precision=0)
+                    start_year = gr.Number(label="Start Year", value=1500, precision=0)
+                    end_year   = gr.Number(label="End Year",   value=2500, precision=0)
                     zoom_in  = gr.Button("🔍 Zoom In")
                     zoom_out = gr.Button("🔎 Zoom Out")
 
-                fig0, summ0 = build_chart(1775, 2025)
+                # initial plot
+                fig0, summ0 = build_chart(1500, 2500)
                 plot = gr.Plot(value=fig0)
                 chart_summary_state.value = summ0
 
+                # refresh on year change
                 def refresh(s, e):
                     fig, summ = build_chart(int(s), int(e))
                     return fig, summ
-                start_year.change(refresh, [start_year, end_year], [plot, chart_summary_state])
-                end_year.change(refresh,   [start_year, end_year], [plot, chart_summary_state])
+                start_year.change(refresh, [start_year, end_year],
+                                             [plot, chart_summary_state])
+                end_year.change(refresh,   [start_year, end_year],
+                                             [plot, chart_summary_state])
 
+                # zoom helpers
                 def zoom(s, e, factor):
-                    mid = (s+e)/2
-                    span = (e-s)*factor/2
-                    ns, ne = int(mid-span), int(mid+span)
+                    mid  = (s + e) / 2
+                    span = (e - s) * factor / 2
+                    ns, ne = int(mid - span), int(mid + span)
                     fig, summ = build_chart(ns, ne)
                     return ns, ne, fig, summ
-                zoom_in.click(lambda s,e: zoom(s,e,0.5),
-                              inputs=[start_year,end_year],
-                              outputs=[start_year,end_year,plot,chart_summary_state])
-                zoom_out.click(lambda s,e: zoom(s,e,2.0),
-                               inputs=[start_year,end_year],
-                               outputs=[start_year,end_year,plot,chart_summary_state])
 
+                zoom_in.click(lambda s, e: zoom(s, e, 0.5),
+                              inputs  = [start_year, end_year],
+                              outputs = [start_year, end_year, plot, chart_summary_state])
+                zoom_out.click(lambda s, e: zoom(s, e, 2.0),
+                               inputs  = [start_year, end_year],
+                               outputs = [start_year, end_year, plot, chart_summary_state])
+
+                # JSON download
                 gr.File(value=str(EVENTS_PATH), label="Download cycle_events.json")
 
-            # ── GPT Chat Tab ────────────
+            # ── Tab 2: GPT Chat ───────────────────────────────────────────
             with gr.TabItem("GPT Chat"):
-                chatbot = gr.Chatbot(label="Assistant")
+                chatbot    = gr.Chatbot(label="Assistant")
                 user_input = gr.Textbox(lines=3, placeholder="메시지를 입력하세요…")
-                send_btn = gr.Button("Send")
+                send_btn   = gr.Button("Send")
 
                 def respond(history, msg, summ):
                     reply = chat_with_gpt(history, msg, summ)
                     history.append((msg, reply))
                     return history, gr.Textbox(value="")
-                send_btn.click(respond, [chatbot, user_input, chart_summary_state],
+
+                send_btn.click(respond,
+                               [chatbot, user_input, chart_summary_state],
                                [chatbot, user_input])
-                user_input.submit(respond, [chatbot, user_input, chart_summary_state],
+                user_input.submit(respond,
+                                  [chatbot, user_input, chart_summary_state],
                                   [chatbot, user_input])
     return demo
 
+
 if __name__ == "__main__":
     create_app().launch()