Integrate modification

Author: siyuanZHANG01

docs/.idea/.gitignore

@@ -54,14 +54,12 @@ html, body { height: 100%; font-family: 'Inter', -apple-system, BlinkMacSystemFo
 }
 .port-btn:hover { background: var(--bg-hover); }
 .port-btn.active { background: rgba(88,166,255,0.12); border-color: var(--accent); }
-.port-btn.compare { background: rgba(255,123,114,0.10); border-color: rgba(255,123,114,0.65); }
 .port-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
 .port-info { flex: 1; min-width: 0; }
 .port-name { font-weight: 500; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .port-meta { font-size: 11px; color: var(--text-sec); }
 .port-chevron { color: var(--text-sec); font-size: 10px; }
 .port-btn.active .port-chevron { color: var(--accent); }
-.port-btn.compare .port-chevron { color: #ff7b72; }
 
 .filter-row { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
 .filter-label { font-size: 11px; color: var(--text-sec); display: flex; justify-content: space-between; }
@@ -132,14 +130,20 @@ input[type="range"] {
 .rp-section:last-child { border-bottom: none; }
 
 .chart-wrap { width: 100%; position: relative; }
-#chart-hourly,
-#chart-hourly-compare { height: 110px; width: 100%; display: block; }
-#chart-sog,
-#chart-sog-compare    { height: 90px;  width: 100%; display: block; }
-#chart-types,
-#chart-types-compare  { height: 160px; width: 100%; display: block; }
-#chart-status,
-#chart-status-compare { height: 130px; width: 100%; display: block; }
+#chart-monthly{ height: 100px; width: 100%; display: block; }
+#chart-hourly { height: 110px; width: 100%; display: block; }
+#chart-sog    { height: 90px;  width: 100%; display: block; }
+#chart-types  { height: 160px; width: 100%; display: block; }
+#chart-status { height: 110px; width: 100%; display: block; }
+
+.month-ticks {
+  display: flex; justify-content: space-between;
+  padding: 0 1px; margin-top: 2px;
+}
+.month-ticks span {
+  font-size: 9px; color: var(--text-sec); line-height: 1;
+  width: calc(100% / 12); text-align: center;
+}
 
 
 .vessel-popup { min-width: 160px; }
@@ -190,30 +194,6 @@ input[type="range"] {
 .pdc-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
 .pdc-dot { width: 12px; height: 12px; border-radius: 50%; }
 .pdc-name { font-weight: 700; font-size: 13px; }
-.pdc-stat-rows { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
-.pdc-stat-row {
-  background: var(--bg-dark); border: 1px solid var(--border);
-  border-radius: 6px; padding: 8px;
-}
-.pdc-stat-row.compare { border-color: rgba(255,123,114,0.45); background: rgba(255,123,114,0.05); }
-.pdc-stat-row-head { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
-.pdc-row-title { min-width: 0; }
-.pdc-role {
-  font-size: 9px; font-weight: 600; letter-spacing: .06em;
-  text-transform: uppercase; color: var(--text-sec);
-}
-.pdc-row-name { font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.pdc-row-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
-.pdc-row-metric { background: var(--bg-panel); border-radius: 5px; padding: 6px 7px; min-width: 0; }
-.pdc-compare-control { margin: 10px 0 12px; }
-.pdc-compare-control label {
-  display: block; font-size: 10px; font-weight: 600; letter-spacing: .06em;
-  text-transform: uppercase; color: var(--text-sec); margin-bottom: 5px;
-}
-.pdc-compare-control select {
-  width: 100%; background: var(--bg-dark); border: 1px solid var(--border);
-  border-radius: 5px; color: var(--text-prim); padding: 6px 8px; font-size: 11px;
-}
 .pdc-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
 .pdc-stat { background: var(--bg-dark); border-radius: 5px; padding: 7px 9px; }
 .pdc-stat-val { font-size: 15px; font-weight: 700; line-height: 1; }
@@ -231,21 +211,33 @@ input[type="range"] {
   border-bottom: 1px solid var(--border);
   display: flex; align-items: center; gap: 6px;
 }
-.activity-context-bar.compare { border-top: 1px solid rgba(255,123,114,0.35); }
-.compare-chart-group { display: none; }
-.compare-chart-group.visible { display: block; }
 #activity-context-label,
-#fleet-context-label,
-#activity-compare-context-label,
-#fleet-compare-context-label {
+#fleet-context-label {
   font-size: 10px; font-weight: 600; letter-spacing: .05em;
   text-transform: uppercase; color: var(--text-sec);
 }
 #activity-context-label.port-mode,
 #fleet-context-label.port-mode { color: var(--accent); }
-#activity-compare-context-label,
-#fleet-compare-context-label { color: #ff7b72; }
 .chart-scope-note {
   font-size: 9px; font-weight: 400; text-transform: none;
   letter-spacing: 0; color: var(--text-sec); opacity: .75;
 }
+
+/* ── Play animation buttons ─────────────────────────────────────────── */
+.play-controls { display: flex; gap: 6px; margin-top: 2px; }
+.play-btn {
+  flex: 1; padding: 5px 0; border-radius: 5px; font-size: 11px; font-weight: 500;
+  cursor: pointer; background: var(--bg-card); border: 1px solid var(--border);
+  color: var(--text-sec); transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+.play-btn:hover { background: var(--bg-hover); color: var(--text-prim); }
+.play-btn.playing {
+  background: rgba(63,185,80,0.15); border-color: rgba(63,185,80,0.5);
+  color: #3fb950;
+}
+
+/* ── Heatmap / extra map tools ──────────────────────────────────────── */
+#map-tools { top: 50px; right: 12px; padding: 5px 8px; }
+
+/* ── Radar chart ────────────────────────────────────────────────────── */
+#chart-radar { height: 230px; width: 100%; display: block; }

docs/.idea/docs.iml

@@ -0,0 +1,28 @@
+import json
+
+with open("stats.json") as f:
+    s = json.load(f)
+
+total = s["global"]["total_records"]
+print(f"Expected total records : {total:,}")
+print()
+
+h_sum = sum(r["n_records"] for r in s["hourly_activity"])
+print(f"hourly_activity  sum   : {h_sum:,}  ({100*h_sum/total:.1f}% of total)")
+
+m_sum = sum(r["n_records"] for r in s["monthly_activity"])
+print(f"monthly_activity sum   : {m_sum:,}  ({100*m_sum/total:.1f}% of total)")
+
+ns_sum = sum(r["n_records"] for r in s["nav_status"])
+print(f"nav_status       sum   : {ns_sum:,}  ({100*ns_sum/total:.1f}% of total)")
+
+sog_sum = sum(r["count"] for r in s["sog_distribution"])
+print(f"sog_distribution sum   : {sog_sum:,}  ({100*sog_sum/total:.1f}% of total)")
+
+vt_sum = sum(r["n_unique"] for r in s["vessel_types"])
+print(f"vessel_types     sum   : {vt_sum:,}  (unique vessels, expect {s['global']['unique_vessels']:,})")
+
+print()
+print("--- hourly_activity sample ---")
+for r in s["hourly_activity"][:4]:
+    print(f"  hour {r['hour']:02d}: {r['n_records']:,}")

docs/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,10 @@
+import json
+with open('stats.json') as f:
+    s = json.load(f)
+total = sum(v['n_unique'] for v in s['vessel_types'])
+print(f"Total from vessel_types breakdown: {total:,}")
+print(f"Global unique_vessels field:       {s['global']['unique_vessels']:,}")
+print()
+print("Top 10 types:")
+for v in s['vessel_types'][:10]:
+    print(f"  {v['type']}: {v['n_unique']}")