x Tim Burton","noeuds":[{"activite":"Sc\u00e9nariste","titre":"Rox et Rouky","annee":1981,"url":"\/film\/5-rox-et-rouky.html"},{"activite":"Sc\u00e9nariste","titre":"Taram et le chaudron magique","annee":1985,"url":"\/film\/13-taram-et-le-chaudron-magique.html"},{"activite":"Chef d\u00e9corateur","titre":"Batman","annee":1989,"url":"\/film\/16-batman.html"},{"activite":"Chef d\u00e9corateur","titre":"Sleepy Hollow, la l\u00e9gende du cavalier sans t\u00eate","annee":1999,"url":"\/film\/30-sleepy-hollow-la-legende-du-cavalier-sans-tete.html"},{"activite":"D\u00e9corateur","titre":"Sleepy Hollow, la l\u00e9gende du cavalier sans t\u00eate","annee":1999,"url":"\/film\/30-sleepy-hollow-la-legende-du-cavalier-sans-tete.html"},{"activite":"D\u00e9corateur","titre":"Charlie et la chocolaterie","annee":2005,"url":"\/film\/36-charlie-et-la-chocolaterie.html"},{"activite":"D\u00e9corateur","titre":"Alice au Pays des Merveilles","annee":2010,"url":"\/film\/42-alice-au-pays-des-merveilles.html"}]}; let centerX = $(".mindmap-container").width() / 2; let centerY = $(".mindmap-container").height() / 2; /* Création du nœud principal */ let mainNode = $('
').html(data.terme).attr('id', 'mainNode'); mainNode.css({ left: centerX + "px", top: centerY + "px" }); $("#mindmap").append(mainNode); let numNodes = data.noeuds.length; /* Définition des axes des ellipses */ let innerA = $(".mindmap-container").width() * 0.29; /* Grand axe ellipse proche */ let innerB = 160; /* Petit axe ellipse proche */ let outerA = $(".mindmap-container").width() * 0.42; /* Grand axe ellipse éloignée */ let outerB = 270; /* Petit axe ellipse éloignée */ data.noeuds.forEach((item, index) => { let angle = (index / numNodes) * (2 * Math.PI) - (Math.PI / 2); let isOuter = index % 2 === 0; /* Alternance des ellipses */ let a = isOuter ? outerA : innerA; let b = isOuter ? outerB : innerB; let x = centerX + a * Math.cos(angle); let y = centerY + b * Math.sin(angle); /* Création du nœud */ let linkedNode = $(''); /* Première ligne en gras (sans lien) */ let firstLine = $('').html(`${item.activite}`); /* Seconde ligne en italique avec lien */ let secondLine = $(''); let link = $('') .attr("href", item.url) .html(`${item.titre} (${item.annee})`); secondLine.append(link); linkedNode.append(firstLine).append(secondLine); linkedNode.css({ left: x + "px", top: y + "px" }); $("#mindmap").append(linkedNode); /* Ajouter une ligne de connexion avec SVG */ let svgLine = document.createElementNS("http://www.w3.org/2000/svg", "line"); svgLine.setAttribute("x1", centerX); svgLine.setAttribute("y1", centerY); svgLine.setAttribute("x2", x); svgLine.setAttribute("y2", y); $("#connections").append(svgLine); }); });
Liste des films par fonctions puis années de production