Přejít k navigační liště

Zdroják » Zprávičky » Grafy pouze pomocí CSS? Ano jde to!

Grafy pouze pomocí CSS? Ano jde to!

Zprávičky Webdesign

Alen Grakalic se pokusil vytvořit úsečkový graf pomocí kaskádových stylů a je nutno uznat, že se mu to do jisté míry podařilo (ukázka). Alen jednotlivé hodnoty zapsané v definičním seznamu označil třídami nesoucími informace o potřebném tvaru úsečky v daném intervalu (patřičná úsečka se následně zobrazí správným pozicováním obrázku obsahujícího množinu všech potřebných úseček).

Alenovo řešení je pochopitelně z řady důvodů nepraktické, jmenujme alespoň jeden: pokud bude potřebovat jiné popisky souřadnicových os, nezbude mu, než překreslit základní obrázek. V praxi pravděpodobně zvolíte jiné řešení, ať již budete generovat graf na straně serveru nebo u klienta pomocí JavaScriptu, Javy, Flashe nebo Silverlightu.

Přesto se jedná o zajímavou hříčku ukazující, že možnosti kaskádových stylů možná dosud nejsou ještě zcela prozkoumané. Alen se navíc před časem podobným způsobem pokusil o grafy sloupcové.

Komentáře

Odebírat
Upozornit na
guest
1 Komentář
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Lukáš Lánský

Mě nedávno zaujal graf sestavený jenom z borderů a backgroundů na alkulacka.cz .

Je čas přejít na ESM-only. Ekosystém je připravený

V únoru 2025 vyzval Anthony Fu, autor populárních nástrojů kolem Vue, Nuxtu a Vite, ekosystém k opuštění duálního publikování npm balíčků a přechodu na ESM-only. S odstupem více než roku je jasné, že měl pravdu - a že se ekosystém posunul ještě rychleji, než sám čekal. Node.js dnes umí require() i na ESM moduly, podíl balíčků s podporou ESM přesáhl třetinu a komunita označuje rok 2026 za „rok plné adopce ESM".