Szablon obrazka OG: Wykres liniowy

og1200×630 square1080×1080 portrait1080×1350 story1080×1920 pinterest1000×1500 youtube1280×720

To prawdziwe rendery z API z przykładowymi wartościami z tabeli niżej. Przełącz rozmiar wyżej: ten sam szablon układa się w każdym z 6 rozmiarów — wyślij size albo sizes w zapytaniu.

Serię wysyłasz jako tekst — Sty:120, Lut:180, Mar:240 — a karta rysuje do 24 punktów z wypełnionym polem, w skali dopasowanej do danych, więc kurs czy MRR rusza się tak, jak powinien. Pojedynczy punkt staje się poziomą linią, a kawałki bez liczby są pomijane. W kadrach poziomych ostatnia wartość i jej zmiana stoją w nagłówku; w kwadratowych i pionowych wiszą w dymku nad ostatnim punktem — nad nim po wzroście, pod nim po spadku.

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.

Wyrenderuj go jednym żądaniem

Slug podajesz jako template. W odpowiedzi dostajesz adres gotowego PNG; ?wait=true trzyma połączenie, aż obrazek będzie gotowy.

curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "line-chart",
    "modifications": {
        "title": "Monthly recurring revenue keeps climbing",
        "series": "Jan:21.4, Feb:23.0, Mar:22.1, Apr:26.8, May:29.5, Jun:28.7, Jul:33.9, Aug:37.2, Sep:41.6, Oct:48.2",
        "highlight": "+38% since June",
        "unit": "MRR, $ thousands",
        "period": "Jan – Oct 2026",
        "source": "Source: Stripe dashboard",
        "site": "northwind.dev/open",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'

Albo wklej podpisany adres w og:image

Dla stron statycznych, Webflow, Shopify i narzędzi no-code: pola idą w query stringu, a całość podpisujesz swoim sekretem. Pierwsze żądanie renderuje obrazek, każde kolejne to przekierowanie na gotowy plik. Jak policzyć podpis.

<meta property="og:image" content="https://shareglint.com/i/acc_YOUR_ACCOUNT_ID/line-chart.png?highlight=%2B38%25%20since%20June&period=Jan%20%E2%80%93%20Oct%202026&series=Jan%3A21.4%2C%20Feb%3A23.0%2C%20Mar%3A22.1%2C%20Apr%3A26.8%2C%20May%3A29.5%2C%20Jun%3A28.7%2C%20Jul%3A33.9%2C%20Aug%3A37.2%2C%20Sep%3A41.6%2C%20Oct%3A48.2&site=northwind.dev%2Fopen&source=Source%3A%20Stripe%20dashboard&title=Monthly%20recurring%20revenue%20keeps%20climbing&unit=MRR%2C%20%24%20thousands&s=YOUR_SIGNATURE">

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.

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

Więcej szablonów: Dane, wykresy i kamienie milowe

Wyróżniona liczba Zbiórka Siatka wskaźników Wykres słupkowy Kamień milowy Podsumowanie roku Osiągnięcie z aplikacji Wykres pierścieniowy Wyniki ankiety

Wszystkie szablony w kategorii Dane, wykresy i kamienie milowe (14) →  ·  Wszystkie szablony →