Reasoning Systems Track: Second Place
Cognitive Canvas
An AI-powered journaling platform that transforms your daily reflections into an interactive visual model of your mind, helping you understand emotional patterns and build more intentional habits.
Core trick
Sends each journal entry to Claude for emotion and theme tagging, then renders the tags as a D3 force-directed graph.
Built with
anthropic-claude-api-(claude-sonnet-4.5-and-claude-haiku-4.5)bcryptjsexpress.jsjestjsonwebtokenlucide-reactnode.jspostgresqlprettierprismareactreact-routersupertesttailwind-csstanstack-query-(react-query)typescriptvitezod
Description
Cognitive Canvas - Project Story
Inspiration
The inspiration came from recognizing the therapeutic value of journaling combined with the transformative potential of AI. Many people struggle to maintain consistent journaling habits or lack the external perspective needed for deep self-reflection. I wanted to create a tool that makes journaling more engaging and insightful by pairing human introspection with Claude's emotional intelligence and analytical capabilities.
What it does
Cognitive Canvas is an AI-powered journaling platform that:
Provides a clean, distraction-free writing interface for daily journal entries
Analyzes entries using Claude AI to identify emotions, patterns, and themes
Offers personalized insights and thoughtful reflections on user's thoughts
Enables interactive conversations about journal entries
Tracks emotional and mental health trends over time
Securely stores and organizes journal history
How we built it
Built with a modern tech stack:
Frontend
: React with TypeScript for type safety and component architecture
Backend
: Node.js/Express server handling API requests
AI Integration
: Anthropic's Claude API for natural language understanding and generation
Styling
: Custom CSS for a calming, minimalist user experience
Architecture
: RESTful API design with secure authentication and data persistence
Challenges we ran into
Prompt Engineering
: Crafting prompts that generate empathetic, helpful responses without being prescriptive
Context Management
: Maintaining conversation context across multiple journal entries
Privacy Concerns
: Ensuring user data security while leveraging cloud AI services
Response Quality
: Balancing AI feedback depth with response time and token usage
Emotional Sensitivity
: Programming appropriate responses to potentially distressing journal content
Accomplishments that we're proud of
Created an intuitive UX that encourages consistent journaling habits
Successfully integrated Claude's advanced language model for nuanced emotional analysis
Built a system that respects user privacy while providing intelligent feedback
Developed meaningful AI interactions that feel supportive rather than robotic
Achieved a balance between automation and authentic human expression
What we learned
The importance of thoughtful prompt design in shaping AI behavior
How to handle sensitive user data ethically and securely
Techniques for managing API costs while maintaining response quality
The psychology of journaling and what makes digital journaling effective
How AI can augment human self-reflection without replacing it
What's next for Cognitive Canvas
Advanced Analytics
: Visualize emotional trends and patterns with interactive charts
Multi-modal Input
: Support voice journaling and image attachments
Personalization
: Adapt AI responses based on user preferences and history
Community Features
: Optional anonymous sharing and peer support
Mobile App
: Native iOS/Android apps for journaling on-the-go
Integration
: Connect with mental health apps and wearables for holistic insights
README excerpt
# Cognitive Canvas 🧠✨ > An AI-powered journaling platform that transforms your daily reflections into an interactive visual model of your mind, helping you understand emotional patterns and build more intentional habits. ## 🏆 2nd Place Winner - Anthropic Hackathon 2025 ## Overview Cognitive Canvas is a production-ready full-stack application that combines journaling with AI-powered cognitive analysis and interactive visualization. Using Claude API, it analyzes journal entries to identify emotions, cognitive patterns, and distortions, then visualizes them in an interactive D3.js force-directed graph. The platform includes guided root cause analysis sessions that use Socratic questioning to help users discover the underlying drivers of their emotions. **Status**: ✅ Production Ready | **Version**: 1.0.0 ## Core Features **AI-Powered Analysis**: Claude 3.5 Sonnet identifies emotions, cognitive distortions (catastrophizing, black-and-white thinking), recurring themes, and causal chains between triggers, thoughts, and actions. **Interactive Visualization**: D3.js force-directed graph lets you explore your mental landscape through draggable nodes, zoom/pan controls, and interactive filtering by type, date, or search query. **Guided Root Cause Analysis**: Conversational AI sessions using the "5 Whys" technique and Socratic questioning to trace surface emotions back to their fundamental causes. **Emotional Weather Map**: Volatility analysis showing which emotions swing most