Getting Started

Learn how to set up your size charts from scratch. This guide walks you through the complete process.

How It All Fits Together

Labels

Reusable size identifiers like SM, MD, LG.

Size Charts

The actual data tables with measurements.

Instructions

How-to-measure guidance for each chart.

CategoriesSubcategoriesSize ChartsAPI / Embed

Setup Steps

Set Up Categories

Categories organize charts into a navigable hierarchy.

The system comes with pre-configured categories:

Men's

Tops, Bottoms, Footwear, Gloves...

Women's

Tops, Bottoms, Bras, Leggings...

Configure Labels

Labels are standardized size identifiers used across charts.

Instead of typing sizes manually, select from predefined labels:

Alpha (XS, S, M, L)Numeric (0, 2, 4, 6)Band (30, 32, 34)Cup (A, B, C, D)

Create Size Charts

Build charts with columns for sizes and measurements.

1.Create chart with name and category
2.Configure columns (SIZE_LABEL, MEASUREMENT, TEXT)
3.Add rows and enter data
4.Publish to make available via API

Generate API Key

Create keys to authenticate API requests.

API keys are required for the v1 API. Keys support scopes and rate limiting.

X-API-Key: sc_xxxxxxxxxxxx
# or
Authorization: Bearer sc_xxxxxxxxxxxx

Integrate

Use the API or embed widget to display charts.

REST API

GET /api/v1/size-charts?slug=mens-tops
GET /api/v1/categories

Embed Widget

<div data-chart="mens-tops"></div>
<script src=".../size-charts.js"></script>

API Reference →Widget Demo →

Data Model

Entity Relationships

Category (Men's, Women's, Kids)
  └── Subcategory (Tops, Bottoms, etc.)
        └── SizeChart (many-to-many)
              ├── Columns (Size, Chest, Waist...)
              └── Rows → Cells
                    ├── valueInches / valueCm
                    ├── valueMin / valueMax (ranges)
                    └── labelId → SizeLabel