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 .

Strategie a AI jako klíč. Do Prahy přijely špičky technologického světa

WebExpo 2025 ukázalo, jak se tvoří budoucnost. Třídenní technologická konference WebExpo 2025 přivedla do Prahy světové i české experty, kteří nabídli inspiraci napříč obory. Hlavním tématem byla propojenost disciplín, význam AI a potřeba otevřenosti vůči novým výzvám – včetně podpory legální imigrace. Ukázalo se, že inovace vznikají nejen v Silicon Valley, ale i tam, kde se nebojíme myslet jinak.