Stapeldiagram formaterade med CSS

Jag och en kollega diskuterade lite igår om hur man kan rita upp stapeldiagram på bästa sätt. Vi pratade om Flash, Microsofts nya WPF/E-teknik eller att använda JavaScript.

Till mitt nöje ser jag idag att Marcus på media:screen, har skrivit lite om stapeldiagram med CSS. Detta inser man ju snabbt att det är ett väldigt intressant alternativ. Besökaren behöver inga extra tillägg i webbläsaren och rendereringen kommer bli väldigt effektiv eftersom det är i HTML.

Att göra det med CSS borde också vara bra för att få fina utskrifter på papper. Då kan man ju ange en speciell stilmall för utskrifter, där man t ex tar bort bakgrundsbilderna till staplarna.

Marcus har arbetat med Eric Meyers vertical bargraphs som utgångspunkt. Han har gjort en egen enklare variant av stapeldiagrammen som jag tycker blir riktigt bra. Snyggt jobbat!

Uppdatering: Nu har Marcus utökat exemplet med en utskriftsvänlig version.