Spritebox is a free-to-use web application which offers a WYSIWYG tool for creating CSS classes from a single sprite image.
Image to be used can be fetched from a URL, uploaded directly or via drag 'n' drops from the computer.
After that, it is possible to mark any parts of the image, define a class/id name and CSS rules containing the background-position will be created automatically.
Besides mouse, the application can be controlled via keyboard shortcuts and main image can be zoomed for pixel-perfect selections.
Flash, Silverlight & JavaScript are already offering quality solutions for creating graphs. On the other hand, it is impressive to see what an be done in visualising data with CSS.
After the pure CSS data chart, Css Globe is presenting a very creative tutorial (with source codes) on creating a pure CSS line graph.
The solution creates a vertical/horizontal grid with dd & dl elements in the background. And, a smartly prepared image is used with CSS sprites technique to display the lines.
Although it looks complicated, the technique is simple yet clever & inspiring.
