HanziGraph

More information on GitHub

To get started, click the diagram, or search for any character.

The diagram shows the components of each character, the components of its components, and so on.

The diagram is color-coded by tone. When a component has similar pronunciation with its parent, a label with pinyin (initial, final, or both) is shown.

Pinyin rules can be found on pinyin.info

1st tone 2nd tone 3rd tone 4th tone Other