About

The Kanji Map is a Japanese language learning tool that shows kanji information and decomposition in graph form.

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

Changelog

2025-10-15 - Version 6.0.0
  • Added to go script to make kangxi/cjk compatibility radicals consistent, thanks to mochi-co/equivalent-unified-ideograph, avoiding issues like 忄 and ⺖ being mixed up as they are different unicode characters
  • Reworked the data composition pipeline, radical alternative forms now have a link from the original form
  • updated the data
  • fixed a bug where kanji with no stroke animation were not displayed
  • fixed radicals and added alternative forms with position information
  • added a custom font to display radicals, thanks to KanjiVG

Credits

  • Kanji and decomposition is based on KanjiVG, released under the Creative Commons Attribution-Share Alike 3.0 licence.
  • Stroke animations are provided by animCJK under the Arphic Public License.
  • Kanji, examples and radical information is provided by jisho.org sourcing from multiple open source dictionaries and Kanji alive released under CC 4.0.
  • Graph is created by react-force-graph and three-spritetext released under MIT.
  • Hand written kanji recognition uses handwriting.js released under MIT.

Github repository

The source code can be found at github.com/gabor-kovacs/the-kanji-map

Donations

Donate

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.

Copyright

The Kanji Map is an open-source project (2017-2025) maintained under the MIT license. Feel free to fork, contribute, or share it with other learners.