Yajnavalkya
Yajnavalkya
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Kapila
Kapila
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Thales
Thales
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Anaximander of Miletus
Anaximander of Miletus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Anaximenes of Miletus
Anaximenes of Miletus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Lao Tzu
Lao Tzu
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Pythagoras
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Mahavira
Mahavira
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Heraclitus
Heraclitus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Parmenides of Elea
Parmenides of Elea
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Anaxagoras of Clazomenae
Anaxagoras of Clazomenae
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Zeno of Elea
Zeno of Elea
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Empedocles of Acragas
Empedocles of Acragas
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Protagoras of Abdera
Protagoras of Abdera
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Gorgias of Leontini
Gorgias of Leontini
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Buddha
Buddha
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Leucippus of Miletus
Leucippus of Miletus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Confuzius
Confuzius
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Socrates
Socrates
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Mozi
Mozi
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Prodicus of Ceos
Prodicus of Ceos
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Democritus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Thrasymachus of Chalcedon
Thrasymachus of Chalcedon
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Plato
Plato
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Aristotle
Aristotle
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Zhuang Zhou
Zhuang Zhou
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Pyrrho of Elis
Pyrrho of Elis
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Epicurus
Epicurus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Zeno of Citium
Zeno of Citium
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Cicero
Cicero
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Titus Lucretius Carus
Titus Lucretius Carus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Philo of Alexandria
Philo of Alexandria
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Byung-Chul Han
Byung-Chul Han
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Epictetus
Epictetus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Marcus Aurelius
Marcus Aurelius
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Nagarjuna
Nagarjuna
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Sextus Empiricus
Sextus Empiricus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Plotinus
Plotinus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Vasubandhu
Vasubandhu
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Augustine of Hippo
Augustine of Hippo
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Anicius Manlius Severinus Boethius
Anicius Manlius Severinus Boethius
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Dionysius the Areopagite
Dionysius the Areopagite
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Adi Shankaracharya
Adi Shankaracharya
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Scotus Eriugena
John Scotus Eriugena
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Abu Nasr Muhammad al-Farabi
Abu Nasr Muhammad al-Farabi
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Avicenna
Avicenna
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Ramanuja
Ramanuja
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Anselm of Canterbury
Anselm of Canterbury
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Roscellinus of Compiègne
Roscellinus of Compiègne
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Al-Ghazali
Al-Ghazali
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Odo of Tournai
Odo of Tournai
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
William of Champeaux
William of Champeaux
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Peter Abelard
Peter Abelard
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Averroes
Averroes
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Zhu Xi
Zhu Xi
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Maimonides
Maimonides
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Thomas Aquinas
Thomas Aquinas
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Meister Eckhart
Meister Eckhart
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Duns Scotus, The Subtle Doctor
John Duns Scotus, The Subtle Doctor
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
William of Ockham
William of Ockham
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Nicholas of Cusa
Nicholas of Cusa
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Marsilio Ficino
Marsilio Ficino
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Pico della Mirandola
Pico della Mirandola
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Erasmus of Rotterdam
Erasmus of Rotterdam
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Niccolò Machiavelli
Niccolò Machiavelli
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Martin Luther
Martin Luther
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Michel de Montaigne
Michel de Montaigne
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Giordano Bruno
Giordano Bruno
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Francis Bacon
Francis Bacon
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Thomas Hobbes
Thomas Hobbes
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
René Descartes
René Descartes
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Blaise Pascal
Blaise Pascal
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Baruch Spinoza
Baruch Spinoza
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Locke
John Locke
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Gottfried Wilhelm Leibniz
Gottfried Wilhelm Leibniz
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
George Berkeley
George Berkeley
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Thomas Reid
Thomas Reid
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
David Hume
David Hume
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Jean-Jacques Rousseau
Jean-Jacques Rousseau
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Adam Smith
Adam Smith
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Immanuel Kant
Immanuel Kant
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Jeremy Bentham
Jeremy Bentham
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Johann Wolfgang von Goethe
Johann Wolfgang von Goethe
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Mary Wollstonecraft
Mary Wollstonecraft
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Johann Gottlieb Fichte
Johann Gottlieb Fichte
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Georg Wilhelm Friedrich Hegel
Georg Wilhelm Friedrich Hegel
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Arthur Schopenhauer
Arthur Schopenhauer
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Stuart Mill
John Stuart Mill
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Søren Aabye Kierkegaard
Søren Aabye Kierkegaard
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Karl Marx
Karl Marx
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Charles Sanders Peirce
Charles Sanders Peirce
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Friedrich Nietzsche
Friedrich Nietzsche
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Sigmund Freud
Sigmund Freud
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Henri-Louis Bergson
Henri-Louis Bergson
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Dewey
John Dewey
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Edmund Husserl
Edmund Husserl
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Alfred North Whitehead
Alfred North Whitehead
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Bertrand Russell
Bertrand Russell
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Carl Gustav Jung
Carl Gustav Jung
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Ludwig Wittgenstein
Ludwig Wittgenstein
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Martin Heidegger
Martin Heidegger
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Rudolf Carnap
Rudolf Carnap
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Karl Raimund Popper
Karl Raimund Popper
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Jean-Paul Sartre
Jean-Paul Sartre
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Hannah Arendt
Hannah Arendt
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Simone de Beauvoir
Simone de Beauvoir
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Maurice Jean Jacques Merleau-Ponty
Maurice Jean Jacques Merleau-Ponty
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Willard Van Orman Quine
Willard Van Orman Quine
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
William James
William James
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Albert Camus
Albert Camus
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
John Bordley Rawls
John Bordley Rawls
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Gilles Deleuze
Gilles Deleuze
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Paul-Michel Foucault
Paul-Michel Foucault
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Jacques Derrida
Jacques Derrida
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Michael Leunig
Michael Leunig
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Peter Singer
Peter Singer
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Slavoj Žižek
Slavoj Žižek
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Judith Butler
Judith Butler
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Achille Mbembe
Achille Mbembe
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Nick Land
Nick Land
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
Mariarosaria Taddeo
Mariarosaria Taddeo
Measures how complex their philosophical ideas are to understand. 1 = accessible and intuitive, 5 = highly abstract and theoretical.
How It's Built
A technical deep-dive into the architecture, challenges, and code patterns behind the Philosophy Atlas.
The Philosophy Atlas is a custom WordPress plugin combining responsive grid layouts, modal systems, and Claude API integration to create an interactive educational database. Built with vanilla JavaScript, PHP, and carefully structured CSS, it manages 120+ philosopher profiles with AI-powered debate functionality, philosophical games, and a comprehensive glossary - all without requiring external frameworks or heavy dependencies.
The architecture prioritizes clean code, mobile-first responsive design, and progressive enhancement, ensuring the tool works smoothly across devices while maintaining fast load times and accessible interactions.
- Dynamic Grid System: Responsive CSS Grid layout that adapts from 5 columns on desktop to single-column mobile, with filter buttons that dynamically show/hide philosophers based on era, school, or search query
- Modal Architecture: Custom-built modal system for philosopher profiles featuring tabbed content (Biography, Key Ideas, Works, Debates), smooth transitions, and keyboard navigation - all vanilla JavaScript, no jQuery
- Claude API Integration: Real-time AI-powered debates between philosophers using Anthropic's Claude API, with conversation management, context retention, and streaming responses for natural dialogue flow
- Search & Filter Logic: Client-side JavaScript filtering with debounced search input, multi-criteria filtering (era + school combinations), and instant visual feedback without page reloads
- Glossary System: Alphabetically organized philosophical terms with collapsible definitions, cross-referencing between philosopher profiles and concepts, implemented with semantic HTML and progressive disclosure patterns
- Games Engine: Interactive philosophical trivia and quote-matching games with score tracking, difficulty progression, and randomized question generation - demonstrating state management and game loop patterns
Database Structure: Philosopher data stored as structured PHP arrays, enabling easy updates and version control while avoiding database overhead. Each philosopher entry contains biography, key ideas, major works, and metadata for filtering.
API Request Handling: Debates leverage WordPress's wp_remote_post() for secure Claude API calls, with proper error handling, timeout management, and response parsing. Conversation history maintained in session storage for multi-turn dialogues.
Responsive Images: Philosopher portraits use WordPress's responsive image features with proper srcset and sizes attributes, lazy loading for performance, and fallback placeholder system.
Accessibility: Full keyboard navigation support, ARIA labels for screen readers, focus management in modals, and semantic HTML structure throughout. Color contrast meets WCAG AA standards.
Modal System Pattern: The modal uses event delegation for efficient click handling across 120+ philosopher cards. Opening a modal locks body scroll, manages focus trap, and handles ESC key dismissal - all core UX patterns applicable to any interactive web application.
Filter Combination Logic: The dual-filter system (era + school) demonstrates how to combine multiple criteria efficiently using JavaScript filter() and Set operations, updating the DOM only once per filter change to maintain performance.
API Response Streaming: For AI debates, responses stream token-by-token to create natural typing effect, using JavaScript's Fetch API with ReadableStream processing - a pattern increasingly important for modern AI-powered applications.
Challenge: Managing 120 philosophers without performance degradation
Solution: Implemented lazy rendering - only philosophers visible in viewport are fully rendered, with intersection observer triggering detail loading as user scrolls. Combined with CSS Grid's native efficiency, this keeps initial page load under 2 seconds even on mobile.
Challenge: AI debates between historical figures with different philosophical frameworks
Solution: Engineered detailed system prompts for Claude that include each philosopher's core beliefs, rhetorical style, and historical context. The API receives both philosophers' profiles, ensuring debates remain philosophically coherent while being engaging. Conversation history maintains context across multiple exchanges.
Challenge: Mobile usability for complex modals with multiple tabs
Solution: Designed touch-first interaction patterns with swipeable tabs, appropriately sized touch targets (minimum 44px), and bottom-sheet modal styling on mobile that feels native rather than web-cramped.
This project demonstrates several valuable patterns: building feature-rich applications without framework dependencies, integrating AI APIs thoughtfully rather than gratuitously, and creating educational tools that teach through interaction rather than passive reading.
The codebase shows how careful attention to progressive enhancement - starting with semantic HTML, layering CSS for presentation, then JavaScript for interactivity - creates robust applications that degrade gracefully. Even without JavaScript, the philosopher profiles remain accessible as static content.
The custom WordPress plugin architecture (rather than page-builder dependency) ensures portability, version control friendliness, and separation of concerns between content and presentation. All styles are scoped to avoid conflicts, all scripts properly enqueued with dependencies declared.
View source, study the patterns, adapt the techniques. The code is production-ready but also educational - it's meant to be read and learned from, not just used.
- WordPress (custom plugin architecture)
- Vanilla JavaScript (ES6+)
- CSS Grid & Flexbox (responsive layouts)
- Anthropic Claude API (AI debates)
- PHP (server-side logic, API handling)
- HTML5 (semantic structure)
- LocalStorage (game state persistence)