kalmar/SmallHyperbolic
1
0
Fork 0
mirror of https://github.com/kalmarek/SmallHyperbolic synced 2024-12-25 02:15:29 +01:00
Code Issues Releases Wiki Activity

Merge pull request #11 from kalmarek/mk/final_touches

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
function drag(simulation) { function drag(simulation) {
function dragstarted(event, d) { 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.fx = d.x;
d.fy = d.y; d.fy = d.y;
} }
@ -24,11 +24,23 @@ function drag(simulation) {
} }
function linkArc(d) { 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 ` return `
M${d.source.x},${d.source.y} M${d.source.x} ${d.source.y}
A${r},${r} 0 0,1 ${d.target.x},${d.target.y} S${xmid - 0.01*ymid} ${ymid + 0.01*xmid}
`; ${d.target.x},${d.target.y}
`
;
} }
function highlight(node) { 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( async function create_svg(
data, data,
width, width,
@ -69,11 +77,15 @@ async function create_svg(
.text(n=>n.id) .text(n=>n.id)
const simulation = d3.forceSimulation(nodes) const simulation = d3.forceSimulation(nodes)
// .alphaTarget(0.35)
// .alphaDecay(0.5)
.force("link", d3.forceLink(links).id(d => d.id)) .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("center", d3.forceCenter(width/2, height/2))
.force("x", d3.forceX()) .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") const svg = d3.create("svg")
.attr("preserveAspectRatio", "xMinYMin meet") .attr("preserveAspectRatio", "xMinYMin meet")
@ -124,7 +136,6 @@ async function create_svg(
) )
; ;
return all_desc; return all_desc;
// return _union(desc, _union(...desc.map(l=>find_descendants(l.target))));
} }
}; };

6
docs/morphisms/js/morphisms.js
View File

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