LEVADIS® 4F Test – Donut Auswertung
:root{
--fokus:#5C2D91;
--fakten:#3C7DCE;
--flow:#5EC4C4;
--fuersorge:#F49A45;
}
body{
font-family:"Open Sans", sans-serif;
padding:20px;
max-width:1100px;
margin:auto;
}
h1{color:var(--fokus);}
table{
width:100%; border-collapse:collapse; margin-top:20px;
}
th, td{
padding:6px; border-bottom:1px solid #ddd;
}
th{background:#f7f7f7;}
.btn{
background:var(--fuersorge);
padding:12px 20px;
color:white;
border:none;
border-radius:8px;
cursor:pointer;
font-weight:700;
margin-top:20px;
}
#resultBox{
display:none;
margin-top:40px;
border:2px solid var(--fokus);
padding:30px;
border-radius:14px;
}
.donut-container{
width:420px;
height:420px;
margin:auto;
position:relative;
}
#donutSvg{
width:100%;
height:100%;
}
.donut-center{
position:absolute;
width:160px;
height:160px;
background:white;
border-radius:50%;
top:50%; left:50%;
transform:translate(-50%, -50%);
box-shadow:0 0 12px rgba(0,0,0,0.15);
display:flex; align-items:center; justify-content:center;
}
.donut-center img{
width:85%;
height:auto;
}
.legend{
margin-top:25px; font-size:1.05rem;
}
.color-box{
width:18px; height:18px;
display:inline-block;
border-radius:4px;
margin-right:8px;
}
LEVADIS® 4F Profil – Test
Bitte bewerten Sie jede Aussage von 1 (trifft überhaupt nicht zu) bis 5 (trifft vollständig zu).
| Code | Aussage |
1 | 2 | 3 | 4 | 5 |
| F1 | Ich entscheide lieber schnell als perfekt. |
|
|
|
|
|
| F2 | Ich setze lieber klare Ziele, als lange über Details zu sprechen. |
|
|
|
|
|
| F3 | Ich möchte sichtbar rasch Ergebnisse erzielen. |
|
|
|
|
|
| F4 | Wenn es langsam geht, verliere ich schnell Geduld. |
|
|
|
|
|
| A1 | Ich vertraue Zahlen und Fakten mehr als Meinungen. |
|
|
|
|
|
| A2 | Ich entscheide ungern ohne vollständige Informationen. |
|
|
|
|
|
| A3 | Ich arbeite gerne mit klaren Prozessen und Strukturen. |
|
|
|
|
|
| A4 | Ich prüfe Dinge lieber zweimal, um Fehler zu vermeiden. |
|
|
|
|
|
| L1 | Ich habe oft mehr Ideen, als ich umsetzen kann. |
|
|
|
|
|
| L2 | Mich inspiriert Neues mehr als Bewährtes. |
|
|
|
|
|
| L3 | Ich bin gedanklich oft mehrere Schritte voraus. |
|
|
|
|
|
| L4 | Routineaufgaben bremsen meine Energie. |
|
|
|
|
|
| S1 | Ich merke schnell, wenn jemand emotional belastet ist. |
|
|
|
|
|
| S2 | Ich fühle mich verantwortlich für eine gute Atmosphäre. |
|
|
|
|
|
| S3 | Ich nehme Rücksicht, auch wenn es für mich aufwendiger ist. |
|
|
|
|
|
| S4 | Ich helfe gerne, auch wenn ich nicht gefragt werde. |
|
|
|
|
|
function calc4F(){
const groups = {
FOKUS:["F1","F2","F3","F4"],
FAKTEN:["A1","A2","A3","A4"],
FLOW:["L1","L2","L3","L4"],
FUERSORGE:["S1","S2","S3","S4"]
};
const colors = {
FOKUS:"var(--fokus)",
FAKTEN:"var(--fakten)",
FUERSORGE:"var(--fuersorge)",
FLOW:"var(--flow)"
};
const sum = {FOKUS:0,FAKTEN:0,FLOW:0,FUERSORGE:0};
// Antworten einlesen
for(let cat in groups){
for(const code of groups[cat]){
const v=document.querySelector(`input[name="${code}"]:checked`);
if(!v){ alert("Bitte alle Fragen beantworten!"); return; }
sum[cat]+=parseInt(v.value);
}
}
const total = sum.FOKUS + sum.FAKTEN + sum.FLOW + sum.FUERSORGE;
const order = ["FOKUS","FAKTEN","FUERSORGE","FLOW"]; // LEVADIS Reihenfolge
drawDonut(sum,total,order,colors);
drawLegend(sum,total,order,colors);
document.getElementById("resultBox").style.display="block";
document.getElementById("resultBox").scrollIntoView({behavior:"smooth"});
}
function drawDonut(sum,total,order,colors){
const svg=document.getElementById("donutSvg");
svg.innerHTML="";
let startAngle = -45; // 12Uhr= -90°, LEVADIS Start leicht versetzt
order.forEach(cat=>{
const pct = sum[cat]/total;
const endAngle = startAngle + pct * 360;
svg.appendChild( createArc(startAngle, endAngle, colors[cat]) );
startAngle = endAngle;
});
}
function createArc(startAngle,endAngle,color){
const rOuter=90, rInner=50;
const start = polar(100,100,rOuter,startAngle);
const end = polar(100,100,rOuter,endAngle);
const startInner = polar(100,100,rInner,endAngle);
const endInner = polar(100,100,rInner,startAngle);
const largeArc = (endAngle-startAngle) > 180 ? 1 : 0;
const d = [
"M", start.x, start.y,
"A", rOuter, rOuter, 0, largeArc, 1, end.x, end.y,
"L", startInner.x, startInner.y,
"A", rInner, rInner, 0, largeArc, 0, endInner.x, endInner.y,
"Z"
].join(" ");
const path=document.createElementNS("http://www.w3.org/2000/svg","path");
path.setAttribute("d",d);
path.setAttribute("fill",color);
return path;
}
function polar(cx,cy,r,angle){
const rad=(angle-90)*Math.PI/180;
return {x:cx+r*Math.cos(rad), y:cy+r*Math.sin(rad)};
}
function drawLegend(sum,total,order,colors){
const box=document.getElementById("legendBox");
box.innerHTML="";
order.forEach(cat=>{
const pct=(sum[cat]/total*100).toFixed(1);
const name =
cat==="FOKUS"?"Fokus":
cat==="FAKTEN"?"Fakten":
cat==="FUERSORGE"?"Fürsorge":"Flow";
box.innerHTML += `
${name}: ${sum[cat]} Punkte (${pct}%)
`;
});
}
