chrisruzin.net :: Archives Bar Graph With CSS (March 11, 2006)

Skip to main content
Newer: Switched To Thunderbird Older: A Scary Way to Wake Up

Archives Bar Graph With CSS

A couple of days ago, a cool new ExpressionEngine plugin was released called Yearly Archives. It basically lets you list out your monthly archives in a compact manner, but it’s very flexible in how it’s set up so you can do some creative things with it. I am using it to list out each month that I’ve posted an entry in my Archives page.

Today, I found a nifty little tutorial on how to create bar graphs with XHTML/CSS. It’s quite simple to do really, and is yet another really cool use of CSS.

That tutorial inspired me to create some bar graphs in my Archives page that show how many entries I’ve made per month since I started. It’s broken down by year. Click on a year to view its associated graph. Click on a month name to view the archives for that month.

I think it’s a pretty cool use of the two sources. I have some other ideas on how to use it, but those will have to wait a little bit.

There is one bug with it in IE/Win. The graph isn’t getting initialized when the page loads, so no graph is shown. You have to click on a year to get it to work. Any ideas on why that is? Some sort of security setting in IE maybe?

Low's gravatar Low Netherlands March 13, 2006

Excellent use of the plugin, Chris. I knew it would come in handy for more than just one use.

les's gravatar les United States April 15, 2006

This is really cool Chris. Yet another inventive implementation from the mind of Ruzin.

Your name is mandatory
Your email address is mandatory
Your comment is mandatory Formatting:
_emphasis_
*strong*
-deleted text-
@code@
   What word do you see to the left?
The captcha is mandatory