TobiasH/relnet
1
0
Fork 0
mirror of https://github.com/philipredstone/relnet.git synced 2025-06-17 21:11:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

Set name to firstname and first letter of lastname and increase node size

Browse Source 
Took 3 hours 34 minutes
This commit is contained in:
Tobias Hopp 2025-04-16 13:25:47 +02:00
parent b054d55018
commit 00e7294f41
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/CanvasGraph.tsx
View File

@ -35,9 +35,9 @@ interface CanvasGraphProps {
} }
// Physics constants // Physics constants
const NODE_RADIUS = 30; // Node radius in pixels const NODE_RADIUS = 45; // Node radius in pixels
const MIN_DISTANCE = 100; // Minimum distance between any two nodes const MIN_DISTANCE = 110; // Minimum distance between any two nodes
const MAX_DISTANCE = 300; // Maximum distance between connected nodes const MAX_DISTANCE = 500; // Maximum distance between connected nodes
const REPULSION_STRENGTH = 500; // How strongly nodes repel each other when too close const REPULSION_STRENGTH = 500; // How strongly nodes repel each other when too close
const ATTRACTION_STRENGTH = 0.1; // Default attraction between connected nodes const ATTRACTION_STRENGTH = 0.1; // Default attraction between connected nodes
const CONSTRAINT_STRENGTH = 0.2; // Strength of distance constraints const CONSTRAINT_STRENGTH = 0.2; // Strength of distance constraints
@ -573,9 +573,9 @@ const CanvasGraph: React.FC<CanvasGraphProps> = ({ data, width, height, zoomLeve
ctx.stroke(); ctx.stroke();
// Draw initials // Draw initials
const initials = `${node.firstName.charAt(0)}${node.lastName.charAt(0)}`; const initials = `${node.firstName} ${node.lastName.charAt(0)}.`;
ctx.fillStyle = 'white'; ctx.fillStyle = 'white';
ctx.font = 'bold 16px sans-serif'; ctx.font = 'bold 13px sans-serif';
ctx.textAlign = 'center'; ctx.textAlign = 'center';
ctx.textBaseline = 'middle'; ctx.textBaseline = 'middle';
ctx.fillText(initials, pos.x, pos.y); ctx.fillText(initials, pos.x, pos.y);