1
0
mirror of https://github.com/kalmarek/SmallHyperbolic synced 2024-11-12 20:55:29 +01:00

Merge pull request #11 from kalmarek/mk/final_touches

Mk/final touches
This commit is contained in:
Marek Kaluba 2022-02-24 11:18:06 +01:00 committed by GitHub
commit f751a318b9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 15 deletions

View File

@ -1,7 +1,7 @@
function drag(simulation) {
function dragstarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
if (!event.active) simulation.alphaTarget(0.4).restart();
d.fx = d.x;
d.fy = d.y;
}
@ -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) {
@ -47,10 +59,6 @@ function dehighlight(node) {
;
}
function _union(...arr) {
return arr.reduce((first, second) => [...new Set(first.concat(second))]);
}
async function create_svg(
data,
width,
@ -69,11 +77,15 @@ async function create_svg(
.text(n=>n.id)
const simulation = d3.forceSimulation(nodes)
// .alphaTarget(0.35)
// .alphaDecay(0.5)
.force("link", d3.forceLink(links).id(d => d.id))
.force("charge", d3.forceManyBody().strength(-400))
.force("charge", d3.forceManyBody().strength(-500))
.force("center", d3.forceCenter(width/2, height/2))
.force("x", d3.forceX())
.force("y", d3.forceY());
.force("y", d3.forceY().y(d => 100 * (2 * d.level + 1)))
.force("radial", d3.forceRadial(d => 20 * (2*d.level), width/2, 0))
;
const svg = d3.create("svg")
.attr("preserveAspectRatio", "xMinYMin meet")
@ -124,7 +136,6 @@ async function create_svg(
)
;
return all_desc;
// return _union(desc, _union(...desc.map(l=>find_descendants(l.target))));
}
};

View File

@ -48,11 +48,11 @@ async function add_search() {
async function switch_katex(toggle=true) {
let math_objects = document.getElementsByClassName("math");
for (let elt of math_objects) {
toggleKaTeX(elt, toggle);
await toggleKaTeX(elt, toggle);
let fObj = elt.parentElement;
let rect = elt.getElementsByClassName("math-tex")[0].getBoundingClientRect();
fObj.setAttribute("width", rect.width+4);
fObj.setAttribute("height", rect.height+4);
fObj.setAttribute("width", rect.width+8);
fObj.setAttribute("height", rect.height+8);
}
};