# Vector Shape Generator

> Make editable SVG polygons, stars and spirals from simple settings. Create a transparent SVG shape with adjustable points, rotation, colors and stroke. Download the artwork or import it into Flipline Motion Desk for animation.

Part of usefulweb.app (https://usefulweb.app/). Results are deterministic calculations from the inputs and the listed assumptions; the API returns exactly what the web page shows.

## Use it
- Human interface: https://luminavectorshapegenerator.usefulweb.app/ (interactive tool at https://luminavectorshapegenerator.usefulweb.app/tool)
- JSON API: POST https://luminavectorshapegenerator.usefulweb.app/api/v1/calculate with a JSON object of inputs (schema: https://luminavectorshapegenerator.usefulweb.app/api/v1/tool)
- OpenAPI: https://luminavectorshapegenerator.usefulweb.app/openapi.json
- MCP (Streamable HTTP): https://luminavectorshapegenerator.usefulweb.app/mcp - tool `lumina_vector_shape_generator`

## Inputs
- kind (select): Shape
- size (integer): Canvas size (px)
- points (integer): Points (polygon and star)
- innerRadius (number): Star inner radius (fraction)
- turns (number): Spiral turns
- rotation (number): Rotation (degrees)
- fill (text): Fill (six-digit HEX or none)
- stroke (text): Stroke (six-digit HEX or none)
- strokeWidth (number): Stroke width (px)

## Method
- The generator creates one path on a square transparent canvas. Polygon vertices and alternating star vertices are placed around the center; rotation starts from the upward direction.
- Spirals are open Archimedean polylines with 32 straight segments per turn, not fitted curves. Spiral fill is always none and a visible stroke is required.
- The stated bounds cover path geometry before stroke. Stroke is inset inside the viewBox, and the SVG contains only generated geometry and validated solid colors.