# Chinese Stroke Order Decomposer Decompose a Chinese character into its stroke sequence and radical structure, and render an SVG stroke-order demonstration with component coloring. > Canonical page: https://elysiatools.com/en/tools/chinese-stroke-order-decomposition - **Category:** Education - **Keywords:** chinese, stroke order, hanzi, radical, decomposition, svg, calligraphy, kanji, hanja, language learning ## Overview 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. ## Inputs - **Chinese character(s)** (text): e.g. 你好 / 我 / 学 ## When to use - Learn the correct writing sequence for an unfamiliar Chinese character. - Compare the stroke order and radical structure of several characters. - Study hanzi components, pinyin, and character decomposition in one view. ## How it works - Enter one or more Chinese characters, such as 你, 我, 学, or 你好. - The tool finds stroke path data for each supported character and arranges the strokes in writing order. - Each stroke is numbered in an SVG demonstration, while strokes belonging to the radical or component are highlighted. - The result also shows the radical name and number, pinyin, English definition, and IDS decomposition when available. ## Use cases - Chinese language learners can verify stroke order while studying new vocabulary. - Teachers can use character grids to explain radicals, components, and writing sequences. - Calligraphy and handwriting practice can reference numbered strokes and highlighted radical structures. ## Frequently asked questions ### What input does the tool accept? Enter one or more Chinese characters in the character input field. ### What does the output show? It shows a numbered SVG stroke-order grid, radical or component highlighting, and character details such as pinyin, English definition, and IDS decomposition. ### Can I analyze multiple characters at once? Yes. Enter multiple characters, such as 你好, to receive a separate stroke-order grid for each character. ### Does the tool show radicals? Yes. It identifies the radical or component structure and highlights the associated strokes when data is available. ### How many characters are supported? The stroke path data covers approximately 9,500 common characters from Make Me A Hanzi and HanziWriter. ## Related tools - [Biomass Pyramid & Energy Flow (10% Law)](https://elysiatools.com/en/tools/biomass-pyramid): Trophic pyramid from producer energy and transfer efficiency: per-level energy, % of base, losses, and why energy pyramids stay upright. - [CSS Gradient Mesh Generator (Conic + Radial Blend)](https://elysiatools.com/en/tools/css-gradient-mesh-generator): Layered radial-gradient "mesh" backgrounds with conic underlays, blend modes, grain and seeded layouts — live preview, CSS and Tailwind export. - [Glassmorphism CSS Snippet Builder](https://elysiatools.com/en/tools/glassmorphism-css-snippet-builder): End-to-end frosted-glass / neumorphism CSS snippet generator: blur+saturate backdrop, tint, border, layered shadows, grain overlay, @supports fallback, -webkit- prefix, Tailwind mapping and live preview. - [Kepler Orbit Solver](https://elysiatools.com/en/tools/kepler-orbit-solver): Numerically solve Kepler’s equation E − e·sin(E) = M for eccentric anomaly E, true anomaly ν, orbital radius and relative speed, with Newton/bisection/fixed-point methods, convergence history and an SVG orbit diagram - [SVG Sprite Sheet Generator](https://elysiatools.com/en/tools/svg-sprite-generator): Merge up to 30 SVG icons into one sprite sheet (symbol or view mode) with viewBox normalization, dedup, optional currentColor stripping, sanitization, live preview and usage snippets. - [SVG Favicon Generator](https://elysiatools.com/en/tools/svg-favicon-generator): Turn an SVG or raster logo into a complete favicon pack with ICO, PNG variants, Apple touch icon, and web manifest - [Audio Melody Contour Extractor](https://elysiatools.com/en/tools/audio-melody-contour-extractor): Extract a dominant melody path from audio and export MIDI, note events, a pitch contour, SVG, and JSON in one ZIP. - [SVG Chart to Data Extractor](https://elysiatools.com/en/tools/svg-chart-to-data-extractor): Reverse engineer SVG charts into data points for line, bar, scatter, and pie-style SVG structures ## Samples - [SVG Samples](https://elysiatools.com/en/samples/svg-samples): Scalable Vector Graphics (SVG) samples demonstrating various SVG features and techniques - [D3.js Data Visualization Samples](https://elysiatools.com/en/samples/d3js-data-visualization): Comprehensive D3.js data visualization examples including charts, maps, animations, and interactive visualizations - [SVG Viewer Samples](https://elysiatools.com/en/samples/svg-viewer-samples): Sample SVG vector graphics (scene, icon set, diagram) for the in-browser SVG Viewer - [XML Samples](https://elysiatools.com/en/samples/xml-samples): XML (eXtensible Markup Language) format examples from simple to complex structures ## Related content - [SVG, Favicon, and Icon Asset Workflow Tools](https://elysiatools.com/en/hubs/svg-favicon-icon-workflows): Build favicon packs, optimize SVG assets, convert icons across ICO, PNG, JPG, WebP, and SVG, and prepare web-ready image assets in one hub. - [Audio Encoding and Format Conversion Tools](https://elysiatools.com/en/hubs/audio-convert): Compare audio format conversion, bitrate changes, sample-rate conversion, codec swaps, and export tools in one hub for delivery and archive workflows. - [Image Format Conversion and Animated Export Tools](https://elysiatools.com/en/hubs/image-convert): Compare image format converters for JPG, PNG, GIF, AVIF, WebP, TIFF, ICO, base64, and animation-friendly exports in one hub. - [JSON Interchange and Format Translation Tools](https://elysiatools.com/en/hubs/json-convert): Compare JSON conversion tools for CSV, YAML, TOML, GraphQL, XML, Markdown, Excel, BSON, EDN, and related structured formats in one hub.