Kategoria szablonów

Szablony wykresów, statystyk i kamieni milowych

14 szablonów w tej kategorii, każdy to prawdziwy render z API. Każdy działa na każdym koncie po samym slugu i układa się w 6 rozmiarach.

Liczby zamienione w obrazki do udostępniania: siatki KPI, wykresy słupkowe, liniowe i pierścieniowe, wyniki ankiet, rankingi, podsumowania ocen, kamienie milowe i podsumowania dla każdego użytkownika. Wartości wysyłasz w żądaniu, szablon rysuje wykres.

Zacznij za darmo — 100 obrazków Dokumentacja
Szablon obrazka Open Graph „wyróżniona liczba” wyrenderowany przez Shareglint

Wyróżniona liczba

Jedna duża liczba z tym, co znaczy, i skąd pochodzi.

stat-highlight 8 pól
Szablon obrazka Open Graph „Zbiórka” wyrenderowany przez Shareglint

Zbiórka

Karta zbiórki na przyciemnionym zdjęciu: zebrana kwota, pasek postępu do celu, liczba wspierających i dni do końca.

fundraising-goal 12 pól
Szablon obrazka Open Graph „Siatka wskaźników” wyrenderowany przez Shareglint

Siatka wskaźników

Do czterech kafelków z wartością, opisem i zmianą na zielono albo czerwono, pod tytułem i okresem.

metrics-grid 19 pól
Szablon obrazka Open Graph „Wykres słupkowy” wyrenderowany przez Shareglint

Wykres słupkowy

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

bar-chart 9 pól
Szablon obrazka Open Graph „Kamień milowy” wyrenderowany przez Shareglint

Kamień milowy

Wielka liczba wśród konfetti i promieni — 10 000 użytkowników, milion pobrań — i jedno zdanie podziękowania.

milestone 9 pól
Szablon obrazka Open Graph „Podsumowanie roku” wyrenderowany przez Shareglint

Podsumowanie roku

Osobiste podsumowanie: okres postawiony bokiem w pasie w kolorze akcentu, jedna ogromna liczba, do czterech kapsułek ze statystykami i ponumerowana pierwsza trójka ze zdjęciami.

year-in-review 15 pól
Szablon obrazka Open Graph „Osiągnięcie z aplikacji” wyrenderowany przez Shareglint

Osiągnięcie z aplikacji

Karta, którą aplikacja proponuje po treningu albo lekcji: mapa trasy lub okładka, nazwa aktywności, do czterech wyników z separatorami, seria kropek i odznaka odbita jak pieczątka na zdjęciu.

app-share-achievement 12 pól
Szablon obrazka Open Graph „Wykres liniowy” wyrenderowany przez Shareglint

Wykres liniowy

Prawdziwy wykres warstwowy narysowany z listy wartości, sięgający krawędzi kadru, z wyróżnioną ostatnią wartością.

line-chart 10 pól
Szablon obrazka Open Graph „Wykres pierścieniowy” wyrenderowany przez Shareglint

Wykres pierścieniowy

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

donut-chart 10 pól
Szablon obrazka Open Graph „Wyniki ankiety” wyrenderowany przez Shareglint

Wyniki ankiety

Wyniki głosowania w stylu aplikacji społecznościowych: pytanie na pełnym tle w kolorze akcentu, odpowiedzi jako wypełnione paski na białej karcie, zwycięska obrysowana i z ptaszkiem.

poll-results 8 pól
Szablon obrazka Open Graph „Ranking” wyrenderowany przez Shareglint

Ranking

Tablica wyników z oświetlonym podium dla pierwszej trójki — inicjały w złotym, srebrnym i brązowym pierścieniu — i listą kolejnych miejsc z wynikiem i zmianą pozycji.

leaderboard 8 pól

Animowany licznik

Jedna duża liczba, która nabija się od zera, z opisem, źródłem i kreską, która się dorysowuje.

animated-stat-counter 7 pól Animowany

Rosnący wykres słupkowy

Do ośmiu słupków, które rosną jeden po drugim, z wartością nad każdym i tytułem nad wykresem.

animated-growing-bars 7 pól Animowany

Konfetti

Duży tytuł z podziękowaniem albo kamieniem milowym, konfetti spadające przez kadr i świecący przycisk.

animated-confetti 7 pól Animowany

Jak użyć szablonu

Wybierz slug. Każdy szablon z tej galerii jest dostępny na każdym koncie — job-posting, recipe, github-repo.

Wyślij swój tekst. POST /v1/images ze slugiem i wartościami pól albo podpisany adres wklejony w og:image.

Dopasuj do siebie. accent i theme zmieniasz w każdym żądaniu, a szablon możesz skopiować na swoje konto i edytować jego HTML i CSS.