Curved Text Generator
Lay a number string out along an arc - arch, bowl or full circle - and export ready-to-use SVG. Dots, hyphens, colons and spaces are supported, so times and dates work too.
Arc shape:
Radius:
Sweep (deg):
Font size:
Colour:
Rotation:
Preview
—
Statistics Result
Download CSV
| No. | Character | Angle | Coordinates |
|---|
Introduction to the tool and how to use it
Arranging a string of numbers along an arc is the most common layout technique for posters, badges, seals, and stamps. The Arc Text Generator lays numbers (periods, hyphens, colons, and spaces are also supported for times and dates) character by character around a circle, and outputs standard SVG code that you can copy straight into a webpage or design tool.
Three arc directions:
· Upper arc — numbers arch upward like a rainbow, high in the middle and low at the edges, the classic arched lettering;
· Lower arc — numbers cup downward like a bowl, low in the middle and high at the edges;
· Full circle — numbers close around a complete loop, suited to outer-ring badge text.
Tunable parameters:
· Radius — how curved the arc is; smaller radius bends more sharply;
· Sweep angle — the arc span (30° to 330°); larger values approach a full circle;
· Font size — the size of each character;
· Color — supports #RGB / #RRGGBB / #RRGGBBAA hex and common color names;
· Character rotation — Rotate with arc tilts each glyph along the tangent (the standard curved-text effect), while Keep horizontal sits every glyph upright toward the reader.
Note: angles in the table are measured with 0° pointing right from the center and increasing clockwise; coordinates use the center as origin with the y-axis pointing down (matching the SVG coordinate system). Characters are spaced evenly along the arc; if warned that the radius is too small, raise it slightly to keep glyphs from overlapping.
Three arc directions:
· Upper arc — numbers arch upward like a rainbow, high in the middle and low at the edges, the classic arched lettering;
· Lower arc — numbers cup downward like a bowl, low in the middle and high at the edges;
· Full circle — numbers close around a complete loop, suited to outer-ring badge text.
Tunable parameters:
· Radius — how curved the arc is; smaller radius bends more sharply;
· Sweep angle — the arc span (30° to 330°); larger values approach a full circle;
· Font size — the size of each character;
· Color — supports #RGB / #RRGGBB / #RRGGBBAA hex and common color names;
· Character rotation — Rotate with arc tilts each glyph along the tangent (the standard curved-text effect), while Keep horizontal sits every glyph upright toward the reader.
Note: angles in the table are measured with 0° pointing right from the center and increasing clockwise; coordinates use the center as origin with the y-axis pointing down (matching the SVG coordinate system). Characters are spaced evenly along the arc; if warned that the radius is too small, raise it slightly to keep glyphs from overlapping.
How to use
- Type the content to lay out on the left (2026 09 30 is filled in by default, ready to try).
- Choose the arc direction and adjust radius, sweep angle, font size, and color.
- Click start: the effect previews live at the top, SVG code outputs on the right (copy or export as .svg / .txt), and the table below lists each character's angle and coordinates.
Message board
All messages →-
No one has spoken up yet — want to go first?