According to David Ausubel’s Meaningful Learning Theory, a concept map generator can greatly enhance studying by helping students organize and integrate new information with what they already know.
Ausubel argued that meaningful learning occurs when new concepts are anchored to existing cognitive structures, rather than memorized in isolation. A concept map visually represents these relationships — showing how ideas connect hierarchically and how they relate to broader concepts.
- Visualize relationships between ideas, which makes abstract concepts clearer.
- Activate prior knowledge, helping to connect new information to what they already understand.
- Identify gaps or misconceptions in their understanding.
- Promote deeper comprehension, rather than rote memorization.
“The most important single factor influencing learning is what the learner already knows.” — David Ausubel
In short, a concept map generator supports Ausubel’s principle by transforming studying into a process of building connections, not just accumulating facts.
- 🔍 Real-time Concept Map interaction
- 🤖 Powered by Google's Gemini 2.5 Flash model
- 📚 Import data from text, .pdf or .gefx
- 💬 Export Concept Map to .gefx (for Gephi visualization — gephi.org)
- 🎨 Clean UI
- ⚡ Fast study based on Ausubel’s Theory
- Node.js (v18 or higher recommended — Download here)
- npm or yarn (included with Node.js)
- A Google API key with access to Gemini API (Get it here)
# Clone the repository
https://github.com/FELIPEGUEDESBR/ConceptMap.git
cd ConceptMap
# Install dependencies
npm install
# Edit .env.local file in the root directory
GOOGLE_API_KEY=your_api_key_here
# Start the development server
npm run devThen open your browser and navigate to:
GOOGLE_API_KEY: Your Google API key with access to Gemini API
npm run dev: Start the development server
- 🔒 Never commit your
.envfile or expose your API keys. - The
.gitignorefile is configured to exclude sensitive files. - If you fork this repository, make sure to use your own API keys.