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