About Kanji Learn
Kanji Learn is a comprehensive Japanese language learning tool that helps you master kanji through interactive visualizations, practice quizzes, and detailed character information. The application features multiple learning modes including browsing, practice games, progress tracking, and 3D network visualizations of kanji relationships.
This project is based on "The Kanji Map" originally created by Gabor Kovacs (©2017-2025), an innovative tool for visualizing kanji decomposition through interactive graphs.
Features
- Interactive Kanji Browser - Explore over 2,500 kanji with advanced filtering (JLPT level, stroke count, type)
- Practice Mode - Test your knowledge with multiple-choice quizzes and track your progress
- Progress Tracking - Monitor your learning journey with intelligent scoring system
- 3D Network Visualization - See kanji relationships and decomposition in interactive 2D/3D graphs
- Detailed Information - Access meanings, readings, stroke order, examples, and radicals
- Export/Import Progress - Backup and transfer your learning data across devices
Progress Management
Export your learning progress to backup or transfer to another device
Export: Downloads a JSON file with your learning progress. Import: Merges imported progress with existing data (keeps higher scores).
Support the Project
If this project was useful for you and you would like to contribute back, you can always Donate!
Donations are used to pay for hosting, maintenance costs and improvements.
How to use this site
Kanji are represented with nodes and the connection between them with edges in a 2D or 3D force-directed graph. Click/tap on visible nodes or use the search field to change the selected node. If connected nodes have the same onyomi it is displayed over the link. Nodes are colored based on type: currently selected kanji, jōyō kanji, jinmeiyō kanji, neither.
Displayed kanji information (where available):
- Type: jōyō kanji (taught in school), jinmeiyō kanji (used in names) or neither
- JLPT (Japanese-Language Proficiency) Test level
- Frequency rank out of 2500 most used kanji found in newspapers
- Stroke count
- Meaning
- Kunyomi (Japanese reading of the kanji)
- Onnyomi (Chinese/Sino-Japanese reading of the kanji)
- Examples with audio, kunyomi and onyomi
- Radical with kunyomi and meaning
Data Sources & Credits
This application uses high-quality open-source data and libraries from the Japanese learning community:
Kanji Data & Graphics
- KanjiVG - Kanji vector graphics and decomposition data (CC BY-SA 3.0)
- animCJK - Stroke order animations (Arphic Public License)
Dictionary & Linguistic Data
- Jisho.org - Kanji meanings, readings, examples, and radical information. Sources include JMdict, KANJIDIC2, EDICT and other open-source dictionaries
- Kanji alive - Additional kanji information and examples (CC BY 4.0)
Technical Libraries
- react-force-graph - Force-directed graph visualizations (MIT License)
- three-spritetext - 3D text rendering for graphs (MIT License)
- handwriting.js - Handwritten kanji recognition (MIT License)
- shadcn/ui - Beautiful and accessible UI components (MIT License)
- Next.js - React framework for production (MIT License)
Source Code
The original project source code: github.com/gabor-kovacs/the-kanji-map
License & Copyright
Original "The Kanji Map" ©2017-2025 Gabor Kovacs
Released under the MIT License. You are free to use, modify, and distribute this software in accordance with the license terms.
All third-party data sources and libraries retain their respective licenses and copyrights as listed above.