# Szablon obrazka OG: Wykres pierścieniowy

Dwubarwny wykres pierścieniowy na stronie raportu, liczba w środku i uszeregowana legenda z paskiem dla każdego udziału.

- Slug: `donut-chart`
- Preview (real render): https://shareglint.com/storage/template-previews/donut-chart.jpg
- Page: https://shareglint.com/pl/templates/donut-chart

Do udziałów w rynku, podziału budżetu, źródeł ruchu i wyników ankiet. Wartości mogą być procentami, liczbami albo kwotami: karta przelicza je na udziały w sumie, sortuje i rysuje sześć największych, a resztę zostawia jako szary łuk. Bez liczby w środku pokazuje największy udział. W kadrach poziomych pierścień stoi obok tytułu i legendy, w kwadratowych pod tytułem, w pionowych tytuł, pierścień i legenda idą jedno pod drugim.

## Pola

Każde pole jest opcjonalne. Za długi tekst zmniejsza się, zamiast wychodzić poza kadr; pole obrazka przyjmuje publiczny adres URL, który pobieramy po naszej stronie.

| Pole | Typ | Opis | Przykład |
|---|---|---|---|
| `title` | tekst | Tytuł wykresu. (domyślnie: Chart title) | Where our new signups came from in Q3 |
| `segments` | tekst | Wycinki jako pary etykieta:wartość oddzielone przecinkami, średnikami albo nowymi liniami, np. Wyszukiwarka:42, Bezpośrednio:23. Kolor #hex w wycinku ustawia jego barwę; pozostałe dostają odcienie akcentu i czerni. Rysowanych jest najwyżej sześć. (domyślnie: A:50, B:30, C:20) | Search:42, Direct:23, Social:16, Referral:11, Email:8 |
| `center_value` | tekst | Liczba w środku pierścienia, np. 12,4 tys. Puste pole = największy udział. | 12.4k |
| `center_label` | tekst | Mały podpis pod liczbą w środku. | new signups |
| `eyebrow` | tekst | Nadtytuł nad górną linią, np. III kw. 2026 · Pozyskanie. | Q3 2026 · Acquisition |
| `source` | tekst | Źródło danych na dole. | Source: Northwind product analytics, July–September 2026 |
| `site` | tekst | Strona albo marka w prawym górnym rogu. | northwind.dev |
| `logo` | adres obrazka | Logo obok strony. | https://example.com/images/logo-northwind.png |
| `accent` | kolor | Kolor marki w zapisie hex, np. #6366f1. Barwi przyciski, wyróżnienia i poświatę w tle. (domyślnie: #ea580c) | #ea580c |
| `theme` | dark | light | Schemat kolorów: dark albo light. (domyślnie: light) | — |

## Wyrenderuj go jednym żądaniem

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "donut-chart",
    "modifications": {
        "title": "Where our new signups came from in Q3",
        "segments": "Search:42, Direct:23, Social:16, Referral:11, Email:8",
        "center_value": "12.4k",
        "center_label": "new signups",
        "eyebrow": "Q3 2026 · Acquisition",
        "source": "Source: Northwind product analytics, July–September 2026",
        "site": "northwind.dev",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Dopasuj do siebie

accent i theme zmieniasz w każdym żądaniu. Jeśli chcesz więcej, skopiuj szablon na swoje konto: dostajesz zwykły szablon HTML z tymi samymi polami, który edytujesz w panelu albo przez API. Jeśli slug jest na Twoim koncie wolny, kopia go przejmuje — Twoje integracje przechodzą na Twoją wersję bez zmiany jednej linijki.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/donut-chart/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```