Research Focus
Research Focus
Click a research area to explore it.
<svg viewBox="0 0 1000 980" class="venn-svg" aria-labelledby="vennTitle" role="img">
<title id="vennTitle">Interactive current work diagram</title>
<rect x="15" y="15" width="970" height="930" rx="35" ry="35" class="outer-box"></rect>
<line x1="260" y1="95" x2="340" y2="95" class="connector-line"></line>
<line x1="660" y1="95" x2="740" y2="95" class="connector-line"></line>
<rect x="320" y="20" width="360" height="130" rx="28" ry="28" class="top-box"></rect>
<text x="500" y="73" text-anchor="middle" class="top-box-text">Technology and</text>
<text x="500" y="118" text-anchor="middle" class="top-box-text">Engineering Education</text>
<rect x="35" y="95" width="230" height="110" rx="24" ry="24" class="side-box dashed"></rect>
<text x="150" y="153" text-anchor="middle" class="side-box-text">Design</text>
<rect x="735" y="95" width="230" height="110" rx="24" ry="24" class="side-box dashed"></rect>
<text x="850" y="142" text-anchor="middle" class="side-box-text">Inclusivity</text>
<text x="850" y="182" text-anchor="middle" class="side-box-text">& Equity</text>
<circle cx="330" cy="455" r="240" class="circle spatial circle-main" data-key="spatial"></circle>
<circle cx="670" cy="455" r="240" class="circle cj circle-main" data-key="cj"></circle>
<circle cx="500" cy="690" r="240" class="circle meta circle-main" data-key="meta"></circle>
<path class="overlap overlap-sa-cj" data-key="spatial_cj"
d="M500,287
C560,330 595,395 595,455
C595,515 560,580 500,620
C440,580 405,515 405,455
C405,395 440,330 500,287 Z"></path>
<path class="overlap overlap-sa-meta" data-key="spatial_meta"
d="M387,555
C430,620 470,655 500,670
C470,725 420,770 360,790
C312,742 285,683 285,625
C285,596 327,565 387,555 Z"></path>
<path class="overlap overlap-cj-meta" data-key="cj_meta"
d="M613,555
C673,565 715,596 715,625
C715,683 688,742 640,790
C580,770 530,725 500,670
C530,655 570,620 613,555 Z"></path>
<path class="overlap overlap-all" data-key="all"
d="M500,505
C540,530 560,565 560,610
C540,645 520,670 500,685
C480,670 460,645 440,610
C440,565 460,530 500,505 Z"></path>
<text x="250" y="390" text-anchor="middle" class="circle-label">Spatial Ability</text>
<text x="690" y="370" text-anchor="middle" class="circle-label">Comparative</text>
<text x="690" y="415" text-anchor="middle" class="circle-label">Judgement</text>
<text x="500" y="815" text-anchor="middle" class="circle-label">Meta-research</text>
</svg>
<h3 id="info-title">Select an area</h3>
<p id="info-text" class="text-muted">Click any circle or intersection on the diagram to explore related research themes.</p>
<div class="info-section">
<h4>Current focus</h4>
<ul id="info-focus">
<li>Current themes will appear here</li>
</ul>
</div>
<div class="info-section">
<h4>PhD supervision</h4>
<p id="info-supervision">Supervision note will appear here.</p>
</div>
<p><a id="info-link" href="#" class="btn-link">View related publications</a></p>
<button type="button" class="btn-reset" onclick="resetDiagram()">Reset Diagram</button>