Colorwork & Charts

Crochet Chart Maker

Place, move and rotate crochet stitch symbols.

Crochet design study participant checking a yellow crochet piece beside a laptop
Reference photograph, not a generated sample. Zofia Marciniak, Punn Lertjaturaphat and Andrea Bianchi (© 2025 authors) · CC BY 4.0 Cropped from Figure 8; resized and converted to WebP.

Local calculations. Check the chart and written construction together; photographs are subject references.

Design settings
Colors & terminology

Randomize changes the palette. The stitch construction stays under your chosen settings.

Live design preview

Editable color charts: open Advanced View and click a cell to change its yarn assignment.

Materials

Written calculation

    About This Generator

    Crochet Chart Maker is a free-placement symbol editor for designing and recording a diagram. It differs from a pattern generator that already knows the receiving bases for a complete construction. Here you choose symbols, move them, erase them, and rotate their displayed orientation. It is useful for drafting a teaching chart or transcribing your own tested idea. Beginners can explore the legend, but creating a physically valid pattern requires understanding how the chosen symbols connect to earlier stitches or spaces.

    How to Use This Generator

    Symbol columns and Symbol rows define the editor grid. The Symbol editor includes a Stitch key with the currently supported chain, slip stitch, sc, hdc, dc, and tr symbols. Choose an Action: Place or replace inserts the selected symbol, Erase clears a cell, Rotate changes a symbol by forty-five degrees, and Move asks for a source cell followed by a destination. A moved symbol replaces the destination content. Empty cells remain empty diagram positions rather than automatically becoming crochet skips.

    Choose terminology to update the displayed stitch names, then edit the visible chart. Use Tab and Enter for cell editing when working with a keyboard. Check every new connection before relying on the written symbol list as a crochet instruction. Undo and Redo help recover editing changes. Save project retains a local draft; Export JSON preserves symbols and rotations; Export SVG keeps the vector diagram. Print can produce a draft to annotate or use the browser's PDF destination. Keep a separate written explanation of sources the free-placement grid cannot infer.

    Understanding the Crochet Pattern

    A crochet symbol describes an operation, but its position alone does not fully specify the receiving base. Two dc symbols near one another might represent consecutive bases, a shared-base increase, or an incomplete draft. The editor cannot decide which interpretation you intended. Rotation changes the drawing's orientation, not the physical height of the stitch or its stitch count. Similarly, a blank square is simply blank space in the diagram; it does not mean chain one or skip one unless your independent pattern explicitly supplies that instruction.

    How the Generator Works

    The saved symbol grid stores a supported stitch identifier and rotation for each occupied cell, or a null value for an erased cell. Rotations use supported forty-five-degree increments. The renderer places the corresponding original vector path at the cell position. The row list reports occupied symbols and their orientations, while the count is the number of occupied cells in that diagram row. The code validates grid dimensions, symbols, and rotation values. It does not perform a general topology proof, infer joins, or generate arbitrary increase and decrease symbols outside the available editor keys.

    Step-by-Step Worked Example

    Create a draft with four symbol columns and two symbol rows. The initial grid contains four sc symbols in each row, for eight occupied positions. Select Place or replace and change one first-row cell to dc. Its row still has four occupied cells because replacement is not an increase. Select Rotate and activate that cell once; the dc rotates forty-five degrees without becoming a different stitch. Select Erase on another cell; the occupied-cell total for that row becomes three. Export JSON and restore it to confirm the exact edit state before developing its real crochet connections.

    Download this worked example as JSON. Restore it in this generator to compare the actual counts and structure.

    Practical Tips

    Draft one complete repeat before filling a large chart. Keep symbols at a consistent scale and leave room for row labels in any external teaching document. Write the intended receiving source beside unusual placements during drafting. Use another tool's generated source map as a learning comparison, not as proof that a manually copied arrangement is valid. Crochet a small trial of your own draft and revise both chart and written construction together.

    Common Mistakes and Solutions

    An erased cell is treated as a skipped base

    The editor records absence of a symbol, not an instruction to skip. Compare the draft with your independent written pattern and explicitly define any chains or skipped sources before crocheting.

    Moving a symbol deletes another important symbol

    Move replaces the destination cell. Use Undo, choose an empty destination, and inspect both source and destination after completing the move. Keep a JSON checkpoint before large rearrangements.

    A rotated dc is mistaken for a taller stitch

    Rotation is a graphical transformation only. Check the selected stitch identifier, replace it with tr if that is the intended supported stitch, and describe its actual receiving point separately.

    Loop Placement Preview

    Stitch Preview shows schematic loop glyphs at the saved positions, rotations and yarn roles. Different loop heights distinguish the supported short and tall stitches. This preview does not infer insertion connections or simulate connected fabric. Compare an independently checked source recipe before crocheting. Very light yarn ink keeps a gray outline so its glyph remains visible against white.

    Symbol Yarn Roles

    Select Symbol yarn before placing or replacing a symbol. Each occupied cell can retain its own palette slot; rotation and movement preserve that role. The default role is yarn one, including older files without an explicit per-cell role. SVG swatches identify the slots actually used. Removing a used last yarn is rejected until its cells are reassigned or erased. Colors describe your diagram; they do not automatically supply yarn changes or stitch connections in a physically validated pattern.

    Second Reproducible Application

    Use this comparison to check how one input changes the crochet chart maker output. Enter width = 5; height = 2. Keep any grid and color data from the downloadable worked example unchanged. Generate again and compare the result with the first example above. The resulting dimensions are 5 stitches × 2 rows. These depend on the entered block size, not a measured finished sample. This comparison was executed with the site's engine; it is a numerical construction check rather than a claim about physical gauge. Save both settings separately if you want to compare them later.

    Related Tools and Guides

    The Tools directory at /generators/ lists the available generators. Use the linked examples on this page to study the same construction with different inputs, and the Guides directory at /guides/ for supporting reading. Check terminology and measured gauge before combining output from different tools.

    Frequently Asked Questions

    Does Chart Maker validate any chart I draw?

    It validates the stored data format and supported symbol values. It does not establish that the resulting arrangement can be crocheted with consistent source consumption or correct shaping.

    Can I place an increase symbol directly?

    The current editor key lists chain, slip stitch, sc, hdc, dc, and tr. Do not assume every symbol shown in other generated diagrams is available as a free-placement editor option.

    Does an empty cell count as a stitch?

    No. The occupied-cell count excludes erased positions. This diagram count must not be confused with the number of receiving stitches in an independently designed pattern.

    Is the JSON more useful than a screenshot?

    Yes for continued editing. JSON retains the symbol identifiers, null cells, and rotations that a screenshot cannot restore as editable project data.

    Can I make a round design on this grid?

    You can arrange and rotate symbols as a draft, but the rectangular editing coordinates do not automatically generate a valid joined-round or spiral construction. Define and test those connections separately.

    Local design studio · no account required

    My Projects