Integracja · Produktywność

Połącz Claude i ChatGPT z QuickChart

Poproś swoje AI o wykres i otrzymaj obraz. Zamieni opis lub Twoje liczby w wykres Chart.js, wyrenderuje go jako PNG, SVG lub PDF albo zapisze i poda krótki link do udostępnienia. Potrafi też tworzyć kody QR i kody kreskowe, odczytywać kod QR z obrazu oraz renderować chmury słów, tabele i diagramy Graphviz.

Połącz QuickChart za darmo

Bezpłatny plan, bez karty kredytowej. Zajmuje około minuty.

Spróbuj zapytać

“Stwórz wykres słupkowy przychodów miesięcznych: styczeń 120 tys., luty 135 tys., marzec 160 tys.”
AI buduje konfigurację Chart.js i renderuje wykres jako obrazek.
“Podaj mi krótki link do tego wykresu dla newslettera.”
Zapisuje wykres i zwraca krótki adres URL obrazu, który możesz udostępnić.
“Zrób kod QR do naszej strony rezerwacji z podpisem Zarezerwuj stolik.”
Renderuje obraz kodu QR dla adresu URL strony wraz z Twoim podpisem.

Co może robić Twoja AI

Wykresy

Renderuj wykresy Chart.js jako PNG, SVG lub PDF, zapisz je jako krótkie adresy URL, zbuduj konfigurację z prostego opisu i sprawdź konfigurację na błędy.

Kody QR i kody kreskowe

Twórz pojedyncze lub liczne kody QR z kolorami, podpisami i logo na środku, renderuj kody kreskowe, takie jak code128 i ean13, oraz odczytuj kody QR.

Chmury słów, tabele i diagramy

Renderuj chmury słów z tekstu, tabele z danych i diagramy z Graphviz oraz umieszczaj znak wodny lub logo na obrazie.

“Zrób 30 kodów QR, po jednym na stolik, każdy prowadzący do osobnej strony zamówienia.”
Tworzy adresy URL obrazów dla wszystkich kodów w jednym wywołaniu.
“Co mówi kod QR na tym obrazku?”
Dekoduje on kod QR z publicznego adresu URL obrazka i zwraca jego tekst.
“Narysuj nasz proces wydawania jako diagram: budowanie, testowanie, środowisko testowe, produkcja.”
Zapisuje opis Graphviz i renderuje diagram jako SVG lub PNG.

Narzędzia dla QuickChart: 24

Te narzędzia zostają włączone po połączeniu. Każde z nich możesz wyłączyć lub ustawić wymóg zatwierdzenia przed jego uruchomieniem.

add_watermarkZmienia daneNakłada znak wodny lub logo (`mark_image_url`) na obraz (`main_image_url`) z opcjonalną pozycją, przezroczystością i rozmiarem.
create_barcodeZmienia daneGeneruje obraz kodu kreskowego dla `text` w formacie `type` (np. code128, ean13), z opcjonalnym rozmiarem i `include_text`.
create_batchWidoczne dla innychTworzy nową partię. Wymagane: items. Ma skutki widoczne poza tym systemem. Podsumowanie API: Generuje wiele kodów QR i zwraca archiwum ZIP.
create_chart_urlZmienia daneZapisuje konfigurację wykresu Chart.js (`chart`, a także `width`, `height`, `background_color`) i zwraca krótki adres URL obrazu do udostępniania.
create_qr_codeZmienia daneGeneruje obraz kodu QR dla `text` (np. adresu URL), z opcjonalnymi `size`, kolorami, `margin`, `caption` oraz logo w centrum.
create_qr_code_urlZmienia daneTworzy adres URL obrazu QuickChart dla kodu QR z `text` bez jego renderowania, z tymi samymi opcjami stylu.
create_qr_code_urlsZmienia daneTworzy adresy URL obrazów dla wielu kodów QR naraz; przekaż listę w `qr_codes`.
create_qr_readZmienia daneTworzy nowy odczyt QR. Podsumowanie API: Dekoduje obraz kodu QR.
create_word_cloudZmienia daneRenderuje obraz chmury słów z `text`, z opcjonalnym rozmiarem, kolorami, czcionką i limitem słów.
generate_chart_configZmienia daneZamienia opis wykresu napisany zwykłym językiem (`description`) w konfigurację Chart.js, którą możesz wyrenderować lub zapisać.
list_chartsWyświetla listę wykresów. Opcjonalne filtry: chart, c, width, height, device pixel ratio lub background color. Podsumowanie API: Generuje obraz wykresu na podstawie parametrów zapytania.
list_gchartsWyświetla listę gcharts. Opcjonalne filtry: cht, chs, chd, chl, chco lub chds. Podsumowanie API: Renderuje żądanie zgodne z Google Image Charts.
list_graphvizsWyświetla listę graphvizs. Opcjonalne filtry: graph, engine, layout, width lub height. Podsumowanie API: Generuje diagram Graphviz na podstawie parametrów zapytania.
list_tablesWyświetla listę tabel. Opcjonalne filtry: data lub options. Podsumowanie API: Renderuje tabelę jako obraz PNG na podstawie parametrów zapytania.
list_watermarksWyświetla listę znaków wodnych. Opcjonalne filtry: main image url, mark image url, opacity, margin, image width lub image height. Podsumowanie API: Nakłada obraz znaku wodnego na obraz bazowy za pomocą parametrów zapytania.
read_qr_codeZdekoduj kod QR z publicznego obrazu `url` i zwróć jego tekst.
render_chartZmienia daneRenderuje konfigurację wykresu Chart.js (`chart`) jako obraz, z opcjonalnymi `width`, `height`, `format` (png, svg, pdf) oraz `background_color`.
render_diagramZmienia daneRenderuje diagram Graphviz z opisu DOT `graph` jako SVG lub PNG.
render_tableZmienia daneRenderuje tabelę `data` jako obraz PNG, z opcjonalnymi `options` do stylizacji.
search_barcodesWyszukuje kody kreskowe według type, text, width, height, include text lub use millimeters. Użyj tego, aby znaleźć istniejące kody kreskowe przed utworzeniem nowego. Podsumowanie API: Generuje kod kreskowy na podstawie parametrów zapytania.
search_qrsWyszukuje kody QR według text, margin, ec level, dark, light lub dot style. Użyj tego, aby znaleźć istniejące kody QR przed utworzeniem nowego. Wyniki są podzielone na strony. Podsumowanie API: Generuje kod QR na podstawie parametrów zapytania.
search_wordcloudsSzukaj chmur słów według tekstu, szerokości, wysokości, koloru tła, rodziny czcionki lub wagi czcionki. Użyj tego do znalezienia istniejących chmur słów przed utworzeniem nowej. Podsumowanie API: Generuj chmurę słów z parametrów zapytania.
submit_qrWidoczne dla innychWaliduje kod QR. Ma skutki widoczne poza tym systemem. Podsumowanie API: Waliduje żądanie kodu QR i zwraca JSON zamiast obrazu.
validate_chartWidoczne dla innychSprawdź konfigurację wykresu (`chart`) i zwróć ewentualne błędy jako JSON zamiast obrazu.

Konfiguracja w trzech krokach

1
Wybierz aplikację
Utwórz bezpłatne konto PipMCP i wybierz QuickChart z listy aplikacji.
2
Wklej klucz
Wklej swój klucz API QuickChart. Załóż konto QuickChart, a klucz zostanie wyświetlony razem z identyfikatorem konta po rejestracji. Żądania w darmowym planie Community działają bez klucza, ale mają limit liczby żądań.
3
Dodaj link do swojego asystenta AI
Otrzymasz osobisty link MCP. Dodaj go do Claude, ChatGPT lub Cursor:
1. Kliknij swoją nazwę, a następnie Ustawienia › Konektory › Dodaj niestandardowy konektor.
2. Wklej swój link jako adres URL zdalnego serwera MCP.
3. Włącz konektor w menu + na czacie.

Pytania

Co może AI robić w QuickChart?

AI może renderować wykresy Chart.js jako obrazy, zapisywać wykresy i zwracać krótkie adresy URL, zamieniać zwykły opis w konfigurację wykresu oraz sprawdzać konfiguracje pod kątem błędów. Potrafi tworzyć kody QR i kody kreskowe, odczytywać kody QR z obrazów oraz renderować chmury słów, tabele, diagramy Graphviz i obrazy ze znakiem wodnym.

Czy AI widzi mój klucz API QuickChart?

Nie. Twoje dane uwierzytelniające QuickChart są szyfrowane w spoczynku i nigdy nie są wyświetlane AI. Po zapisaniu ich nie są wyświetlane ponownie, nawet Tobie. AI widzi tylko wyniki narzędzi, które wywołuje.

Czy mogę kontrolować, na co AI ma pozwolenie?

Tak. Sam wybierasz, które narzędzia są włączone. Większość narzędzi QuickChart tylko renderuje obrazy z podanych przez Ciebie danych, natomiast create_chart_url zapisuje wykres w QuickChart, dzięki czemu krótki link działa. Każde narzędzie może wymagać Twojej zgody, a każde wywołanie narzędzia jest rejestrowane.

Czy działa z ChatGPT?

Tak. W ChatGPT przejdź do Settings › Apps & Connectors › Advanced i włącz Developer mode, a następnie dodaj swój link PipMCP. Developer mode wymaga płatnego planu ChatGPT: Plus, Pro, Business lub Enterprise. Ten sam link działa też w Claude (Settings › Connectors › Add custom connector), Cursorze i innych klientach MCP.

Ile to kosztuje?

PipMCP ma darmowy plan, który nie wymaga karty kredytowej. Plany płatne rozliczają się za każde ukończone zadanie. Potrzebujesz też własnego konta QuickChart.

Jakie rodzaje wykresów może on wygenerować?

QuickChart renderuje konfiguracje wykresów Chart.js, dzięki czemu AI może tworzyć typy wykresów obsługiwane przez Chart.js, takie jak słupkowy, liniowy i kołowy. Jeśli opiszesz wykres prostym językiem, generate_chart_config zamieni opis w konfigurację, a validate_chart sprawdzi ją na błędy przed renderowaniem.