Elysia Tools
Navigation
Education
Decompose a Chinese character into its stroke sequence and radical structure, and render an SVG stroke-order demonstration with component coloring.
Details
Enter one or more Chinese characters and the tool decomposes each into its writing order and radical/component structure, then renders an SVG stroke-order demonstration. Stroke path data from Make Me A Hanzi / HanziWriter (~9,500 common characters); each stroke is drawn in sequence with a number, and radical strokes are highlighted. Radical name/number, pinyin, English definition, and the IDS decomposition are shown. A hanzi writing learning aid.
Execution
Fill in the form, run the tool, and review the result in one place.
Samples
Related
Ready for a run
Tool usage guide
Chinese Stroke Order Decomposer breaks one or more Chinese characters into numbered writing strokes and radical or component structure, then renders an SVG stroke-order demonstration with radical highlighting, pinyin, English definition, and IDS decomposition.
Background
A beginner is learning the character 你 and wants to understand both its writing sequence and its component structure.
Problem
The learner needs a clear visual reference for all seven strokes and the 亻 person radical.
How to use
Enter 你 in the Chinese character input field.
Outcome
The tool renders a seven-stroke SVG grid with numbered strokes, highlights the 亻 radical, and shows ⿰亻尔, pinyin, and the English definition.
Background
A teacher is introducing the common greeting 你好 and wants to compare the writing structure of both characters.
Problem
Showing two characters separately can make it harder for students to connect stroke order with radicals.
How to use
Enter 你好 as the character input.
Outcome
The tool renders two SVG stroke-order grids side by side, showing the stroke sequences and highlighting the 亻 and 女 radicals.
Enter one or more Chinese characters in the character input field.
It shows a numbered SVG stroke-order grid, radical or component highlighting, and character details such as pinyin, English definition, and IDS decomposition.
Yes. Enter multiple characters, such as 你好, to receive a separate stroke-order grid for each character.
Yes. It identifies the radical or component structure and highlights the associated strokes when data is available.
The stroke path data covers approximately 9,500 common characters from Make Me A Hanzi and HanziWriter.
Background
An intermediate learner encounters a supported Chinese character while reviewing vocabulary and wants more than a static glyph.
Problem
The learner needs the writing sequence, component structure, pronunciation, and meaning in one result.
How to use
Enter the character in the input field and inspect its numbered strokes and decomposition details.
Outcome
The HTML result presents the character's SVG stroke demonstration together with its radical information, pinyin, English definition, and IDS decomposition when available.