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

Online / offline generátor, 21 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
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 21 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).

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.

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.

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.