{#if viewMode === 'list'}

Mathematical Topics

{#if showFiltersPanel}

Filters

Difficulty
Type
Category
{#each Object.keys(categoryColors) as category} {/each}
{/if}
{#each sortedTopics as topic} {/each}
{/if} {#if viewMode === '3d' && cardHistory.length > 0} {/if} {#if viewMode === '3d'} {/if} {#if viewMode === '3d'} {/if} {#if viewMode === '3d'}
{#if showDifficultyMenu}
Difficulty
Type
Category
{#each Object.keys(categoryColors) as category} {/each}
{/if}
{/if} {#if viewMode === '3d'} {/if} {#if viewMode === '3d'} {/if} {#if quickSearchVisible}

Quick Search

{/if} {#if searchVisible}

Find Path Between Topics

{#if pathResult} {#if pathResult.error}
{pathResult.error}
{:else}

Path Found (Length: {pathResult.length})

    {#each pathResult.path as topic}
  1. {topic.name}
  2. {/each}
{/if} {/if}
{/if} {#if selectedCard && viewMode === '3d'}

{selectedCard.name}

{#if selectedCard.contributors && selectedCard.contributors.length > 0}

👥 Contributors

{#each selectedCard.contributors as contributorId} {@const person = people.find(p => p.id === contributorId)} {#if person} {/if} {/each}
{/if} {#if selectedCard.leadsTo && selectedCard.leadsTo.length > 0}

➜ Leads To

{#each selectedCard.leadsTo as targetId} {@const targetTopic = topics.find(t => t.id === targetId)} {#if targetTopic} {/if} {/each}
{/if} {#if selectedCard.prerequisites && selectedCard.prerequisites.length > 0}

📚 Prerequisites

{#each selectedCard.prerequisites as prereq} {@const prereqTopic = topics.find(t => t.id === prereq.id)} {#if prereqTopic} {/if} {/each}
{/if}
{/if} {#if hoveredPerson}
{#if hoveredPerson.image} {hoveredPerson.name} {:else}
{hoveredPerson.name.split(' ').map(n => n[0]).join('')}
{/if}

{hoveredPerson.name}

{#if hoveredPerson.born || hoveredPerson.died}

{#if hoveredPerson.born} Born: {hoveredPerson.born} {/if} {#if hoveredPerson.died}
Died: {hoveredPerson.died} {/if}

{/if}
{/if} {#if showTutorial}

Welcome to Math Map!

🎮 Navigation

  • Zoom: Scroll wheel
  • Rotate: Left-click + drag
  • Pan: Shift + left-click + drag or right-click + drag

➡️ Arrow Interactions

Click arrows to cycle through 4 stages:

  1. First click: Highlight arrow (white)
  2. Second click: Navigate to destination topic
  3. Third click: Navigate to source topic
  4. Fourth click: Reset arrow (back to default)

Your highlighted arrows are saved automatically!

🔍 Search & Features

  • Quick Search (🔍): Find topics and contributors
  • Pathfinding (🗺️): Find routes between topics
  • List View (📋): Browse all topics
  • Difficulty Filter: Filter by education level
{/if} {#if showResetConfirm}

Reset All Arrows?

This will reset all highlighted arrows back to their default state. This action cannot be undone.

{/if}