# Szablon obrazka OG: Wykres słupkowy

Prawdziwy wykres słupkowy narysowany z listy wartości, obok tytułu i źródła danych.

- Slug: `bar-chart`
- Preview (real render): https://shareglint.com/img/templates/bar-chart.jpg
- Page: https://shareglint.com/pl/templates/bar-chart

Dane wysyłasz jako tekst — `Sty:12, Lut:18, Mar:25` — a karta rysuje do dwunastu słupków w skali największego, z ostatnim wyróżnionym. Kawałek, którego nie da się odczytać jako liczby, jest pomijany, zamiast psuć obrazek. Do wpisów z danymi, podsumowań wzrostu i fragmentów raportów.

## 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 | Główny nagłówek. (domyślnie: Chart title) | Signed URLs now serve most of our traffic |
| `values` | tekst | Słupki jako pary etykieta:liczba oddzielone przecinkami, średnikami albo nowymi liniami, np. Sty:12, Lut:18, Mar:25. (domyślnie: A:3, B:5, C:8) | May:18, Jun:24, Jul:31, Aug:39, Sep:52, Oct:67 |
| `unit` | tekst | Podpis nad wykresem, np. Udział renderów, %. | Share of renders, % |
| `eyebrow` | tekst | Krótka etykieta obok logo. | Growth |
| `source` | tekst | Skąd pochodzi liczba. | Source: internal data, 2026 |
| `site` | tekst | Twoja domena albo krótki adres. | northwind.dev/blog |
| `logo` | adres obrazka | Logo. | 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: #0ea5e9) | #0ea5e9 |
| `theme` | dark | light | Schemat kolorów: dark albo 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": "bar-chart",
    "modifications": {
        "title": "Signed URLs now serve most of our traffic",
        "values": "May:18, Jun:24, Jul:31, Aug:39, Sep:52, Oct:67",
        "unit": "Share of renders, %",
        "eyebrow": "Growth",
        "source": "Source: internal data, 2026",
        "site": "northwind.dev/blog",
        "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/bar-chart/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```