updates

app.py

@@ -76,26 +76,26 @@ with gr.Blocks(css=CUSTOM_CSS) as demo:
                 repo_in   = gr.Text(value=HF_MAIN_REPO, label="Repo / fork URL")
                 thresh    = gr.Slider(0.50, 0.95, value=0.5, step=0.01, label="Similarity ≥")
                 multi_cb  = gr.Checkbox(label="Only multimodal models")
-                sim_radio = gr.Radio(["jaccard", "embedding"], value="jaccard", label="Similarity metric")
+                gr.Markdown("**Embedding method:** TBD")
                 go_btn    = gr.Button("Build graph")
 
             graph_html_out  = gr.HTML(elem_id="graph_html", show_label=False)
             graph_json_out  = gr.File(label="Download graph.json")
 
-            go_btn.click(run_graph, [repo_in, thresh, multi_cb, sim_radio], [graph_html_out, graph_json_out])
+            go_btn.click(lambda repo, thresh, multi: run_graph(repo, thresh, multi, "jaccard"), [repo_in, thresh, multi_cb], [graph_html_out, graph_json_out])
 
         with gr.Tab("Chronological Timeline"):
             with gr.Row():
                 timeline_repo_in = gr.Text(value=HF_MAIN_REPO, label="Repo / fork URL")
                 timeline_thresh = gr.Slider(0.50, 0.95, value=0.5, step=0.01, label="Similarity ≥")
                 timeline_multi_cb = gr.Checkbox(label="Only multimodal models")
-                timeline_sim_radio = gr.Radio(["jaccard", "embedding"], value="jaccard", label="Similarity metric")
+                gr.Markdown("**Embedding method:** TBD")
                 timeline_btn = gr.Button("Build timeline")
 
             timeline_html_out = gr.HTML(elem_id="timeline_html", show_label=False)
             timeline_json_out = gr.File(label="Download timeline.json")
 
-            timeline_btn.click(run_timeline, [timeline_repo_in, timeline_thresh, timeline_multi_cb, timeline_sim_radio], [timeline_html_out, timeline_json_out])
+            timeline_btn.click(lambda repo, thresh, multi: run_timeline(repo, thresh, multi, "jaccard"), [timeline_repo_in, timeline_thresh, timeline_multi_cb], [timeline_html_out, timeline_json_out])
 
 if __name__ == "__main__":
     demo.launch(allowed_paths=["static"])

modular_graph_and_candidates.py

@@ -740,7 +740,7 @@ node.filter(d => d.cls !== 'base').append('circle').attr('r', d => 20*d.sz);
 node.append('text')
   .attr('class','node-label')
   .attr('dy','-2.4em')
-  .style('font-size', d => d.cls === 'base' ? '32px' : '28px')
+  .style('font-size', d => d.cls === 'base' ? '50px' : '45px')
   .style('font-weight', d => d.cls === 'base' ? 'bold' : 'normal')
   .text(d => d.id);
 
@@ -837,7 +837,7 @@ svg{ width:100vw; height:100vh; }
   pointer-events:none;
   text-anchor:middle;
   font-weight:600;
-  font-size:13px;
+  font-size:25px;
   paint-order:stroke fill;
   stroke:var(--outline);
   stroke-width:3px;
@@ -886,13 +886,27 @@ svg{ width:100vw; height:100vh; }
   stroke-opacity: 0.6;
 }
 
+.timeline-month-tick {
+  stroke: var(--timeline-line);
+  stroke-width: 1px;
+  stroke-opacity: 0.4;
+}
+
 .timeline-label {
   fill: var(--muted);
-  font-size: 14px;
+  font-size: 20px;
   font-weight: 600;
   text-anchor: middle;
 }
 
+.timeline-month-label {
+  fill: var(--muted);
+  font-size: 16px;
+  font-weight: 400;
+  text-anchor: middle;
+  opacity: 0.7;
+}
+
 /* Enhanced controls panel */
 #controls{
   position:fixed; top:20px; left:20px;
@@ -972,6 +986,8 @@ if (timeExtent[0] && timeExtent[1]) {
 
   // Enhanced year markers with better spacing
   const years = d3.timeYear.range(new Date(timeExtent[0] * 1000), new Date(timeExtent[1] * 1000 + 365*24*60*60*1000));
+  const months = d3.timeMonth.range(new Date(timeExtent[0] * 1000), new Date(timeExtent[1] * 1000 + 365*24*60*60*1000));
+
   timelineG.selectAll('.timeline-tick')
     .data(years)
     .join('line')
@@ -981,6 +997,15 @@ if (timeExtent[0] && timeExtent[1]) {
     .attr('x2', d => timeScale(d))
     .attr('y2', timelineY + 15);
 
+  timelineG.selectAll('.timeline-month-tick')
+    .data(months)
+    .join('line')
+    .attr('class', 'timeline-month-tick')
+    .attr('x1', d => timeScale(d))
+    .attr('y1', timelineY - 8)
+    .attr('x2', d => timeScale(d))
+    .attr('y2', timelineY + 8);
+
   timelineG.selectAll('.timeline-label')
     .data(years)
     .join('text')
@@ -988,6 +1013,14 @@ if (timeExtent[0] && timeExtent[1]) {
     .attr('x', d => timeScale(d))
     .attr('y', timelineY + 30)
     .text(d => d.getFullYear());
+
+  timelineG.selectAll('.timeline-month-label')
+    .data(months.filter((d, i) => i % 3 === 0))
+    .join('text')
+    .attr('class', 'timeline-month-label')
+    .attr('x', d => timeScale(d))
+    .attr('y', timelineY + 45)
+    .text(d => d.toLocaleDateString('en', { month: 'short' }));
 }
 
 function handleZoom(event) {