Hanzi (Chinese character stroke order)

Animates the correct stroke order for one or more Chinese (Hanzi) characters. Useful for memorizing how characters are written while learning Chinese.

Syntax

```hanzi
你好
```

You can write multiple characters; it doesn't matter whether you separate them with spaces or commas (你好, 你 好, and 你, 好 all produce the same result). Each character is shown in its own animated box.

What it's for

Visually showing a character's stroke order, direction, and count. The animation starts automatically and loops repeatedly.

Source

The library's own documentation: hanziwriter.org.

Tsunagi-specific note

This is the one exception among the editor's JS-based visuals: unlike the others, it doesn't work entirely offline. The stroke data for each character (which line goes from where to where) isn't bundled with the library itself; it's downloaded from a CDN the first time the character is displayed. If there's no internet connection or the download fails, the character is shown as plain text without animation.