kalmar/SmallHyperbolic
1
0
Fork 0
mirror of https://github.com/kalmarek/SmallHyperbolic synced 2024-11-27 08:30:27 +01:00
Code Issues Releases Wiki Activity

use bezier instead of elliptic arrows

Browse Source
This commit is contained in:
Marek Kaluba 2022-02-24 02:34:58 +01:00
parent 8df415ca59
commit 007a8bcece
No known key found for this signature in database
GPG Key ID: 8BF1A3855328FC15
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/morphisms/js/d3_visualisation.js vendored
View File

@ -24,11 +24,23 @@ function drag(simulation) {
}
function linkArc(d) {
const r = Math.hypot(d.target.x - d.source.x, d.target.y - d.source.y);
let r = Math.hypot(d.target.x - d.source.x, d.target.y - d.source.y);
r = 40*Math.exp(r/50)
// r = 50 + 2*(r/20)**3
// Elliptical arc:
// return `
// M${d.source.x},${d.source.y}
// A${r},${r} 0 0,1 ${d.target.x},${d.target.y}
// `;
let xmid = (d.source.x + d.target.x) / 2
let ymid = (d.source.y + d.target.y) / 2
// cubic smooth Bezier
return `
M${d.source.x},${d.source.y}
A${r},${r} 0 0,1 ${d.target.x},${d.target.y}
`;
M${d.source.x} ${d.source.y}
S${xmid - 0.01*ymid} ${ymid + 0.01*xmid}
${d.target.x},${d.target.y}
`
;
}
function highlight(node) {