draggable

content/d3_dependency_graph.html

@@ -1827,14 +1827,21 @@ const node = g.append('g')
         .on('end', dragended)
     );
 
-// Base‑model icon (HF logo)
+// Base‑model icon (styled circle instead of external image)
 node.filter(d => d.is_base)
-    .append('image')
-    .attr('xlink:href', '../hf-logo.svg')
-    .attr('x', -parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--base‑size')) / 2)
-    .attr('y', -parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--base‑size')) / 2)
-    .attr('width',  parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--base‑size')))
-    .attr('height', parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--base‑size')));
+    .append('circle')
+    .attr('r', parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--base‑size')) / 2)
+    .attr('fill', '#FFD21E')
+    .attr('stroke', '#FF9D00')
+    .attr('stroke-width', 3);
+
+// Add 🤗 emoji as text for base models
+node.filter(d => d.is_base)
+    .append('text')
+    .attr('text-anchor', 'middle')
+    .attr('dy', '0.35em')
+    .style('font-size', '24px')
+    .text('🤗');
 
 // Base‑model label (below icon)
 node.filter(d => d.is_base)