Chart-Maker — Webová aplikace pro tvorbu grafů a diagramů v prohlížeči

Online / offline generátor, 29 typů grafů, export do PNG JPEG WEBP AVIF SVG, historie, podrobný návod, instalace aplikace

Pro uživatele Aplikace
Aplikace Chart-Maker
Pro vývojáře Knihovny
Knihovny Chart-Maker
Nastavení grafu
Pokročilé
JSON
Náhled
Jak používat — podrobný návod

Panel «Nastavení grafu» obsahuje všechny ovládací prvky; vedle něj se živý náhled automaticky aktualizuje při každé změně. Na širokých obrazovkách jsou vedle sebe, na telefonu pod sebou — náhled pod nastavením.

Postup: 1) vyberte typ grafu; 2) zadejte název a název datové sady; 3) vyplňte data v tabulce níže; 4) v případě potřeby vraťte zpět nebo znovu; 5) otevřete «Export» pro stažení obrázku nebo uložení projektu.

Existuje 29 typů, seskupených podle způsobu zadávání dat:

  • Popisek / hodnota: sloupcový, čárový, plošný, vodorovný sloupcový, koláčový, prstencový, paprskový, polární plocha, mrak slov.
  • Body X / Y: bodový (X, Y), bublinový (X, Y, velikost).
  • Více datových sad: skládaný, seskupený, víceřádkový, kombinovaný (každá sada je sloupec nebo čára).
  • Kategorie a seznam hodnot: krabicový graf, houslový.
  • Hierarchie: treemap (popisek, hodnota, skupina).
  • Mřížka: teplotní mapa (X, Y, hodnota).
  • Toky: sankey (z, do, tok).
  • Mapa: kartogram (země vybraná ze seznamu, hodnota).
  • Sloupce s chybovými úsečkami
  • Svíčkový / OHLC
  • Trychtýř
  • Vennův
  • Graf (síť)
  • Měřidlo
  • Funkce (y = f(x))

Tabulka dat se přizpůsobuje zvolenému typu. «Přidat řádek» přidá záznam, křížek jej odstraní.

  • Popisek / hodnota: popisek a číslo.
  • Body: X a Y (bubliny mají i velikost).
  • Více datových sad: kategorie oddělené čárkami, hodnoty každé sady jsou seznam čísel oddělených čárkami; v kombinovaném se každá sada nastaví na sloupec nebo čáru.
  • Krabicový / houslový: seznam čísel oddělených čárkami v poli hodnot.
  • Teplotní mapa: X, Y (kategorie) a hodnota.
  • Sankey: z, do a velikost toku.
  • Kartogram: země se vybírá z rozbalovacího seznamu (názvy v jazyce rozhraní), plus hodnota.
  • Sloupce s chybovými úsečkami: Popisek, Hodnota, Chyba.
  • Svíčkový / OHLC: Datum, O/H/L/C.
  • Trychtýř: Popisek, Hodnota.
  • Vennův: Množiny (oddělené čárkou), Hodnota.
  • Graf (síť): Uzly (oddělené čárkou), Z/Do.
  • Měřidlo: Hodnota, Max.
  • Typ Funkce vykreslí y = f(x). Zadejte výraz — např. sin(x), x^2, sqrt(x) — rozsah X (min a max) a počet bodů. Funkce vyhodnotí výraz a nakreslí křivku; vzorec se také zobrazí v seznamu dat pod grafem.

Tlačítko «Export» otevře okno.

  • Formát: PNG, JPEG, WEBP, AVIF (skutečný formát, kódovaný v prohlížeči — kodér se načte při prvním použití) a SVG (vektorový).
  • Šířka a výška — velikost obrázku v pixelech; prázdné znamená aktuální velikost grafu.
  • Stáhnout obrázek — uloží obrázek; přidá se pozadí a seznam dat pod grafem.
  • Uložit projekt — soubor .json se všemi nastaveními; políčko «Zahrnout historii a deník» je přidá do souboru.
  • v kombinovaných/více může každá řada použít levou nebo pravou osu Y.

Tlačítko «Import» otevře okno se zónou, kam lze přetáhnout soubor projektu .json nebo kliknout pro výběr. Po výběru souboru se tlačítko «Použít projekt» stane aktivním a načte nastavení (a historii a deník, pokud byly uloženy).

  • Ctrl/Cmd + Z — zpět
  • Ctrl/Cmd + Y nebo Ctrl/Cmd + Shift + Z — znovu
  • Ctrl/Cmd + S — uložit projekt
  • Ctrl/Cmd + E — okno exportu
  • Ctrl/Cmd + O — okno importu
  • Ctrl/Cmd + J — deník
  • Ctrl/Cmd + , — nastavení

V polích pro zadávání fungují Ctrl+Z a Ctrl+Y jako běžná úprava textu.

  • Zpět / Znovu: vracení změn dat a nastavení tam a zpět.
  • Deník: uchovává akce, tipy a chyby; lze jej vymazat.

Sekce «Pokročilé» nad tabulkou sdružuje volitelná nastavení: podtitul; vyhlazení, schodovité, čárkované a vyplněné čáry; skládaná a logaritmická osa Y; decimace; pozice legendy; velikost bodu a tloušťka čáry; délka a průběh animace; a efekty na vyžádání — popisky, přiblížení/posun, anotace, trendová čára a nitkový kříž. V kombinovaných a vícenásobných grafech může každá řada použít levou nebo pravou osu Y. Každá volba se zobrazí jen pro odpovídající typy.