Skip to content
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.

Tags

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
issa-ar4/Anthropic-AI-Journal★ 00 forksTypeScriptCreated Nov 19, 2025 · last push Sep 10, 2026

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 

Team