50 comments

[ 3.3 ms ] story [ 122 ms ] thread
So let's say I don't care about compatibility, what is the real differences between Peity and jQuery sparklines?
The new version of sparklines is interactive. I could be 100% wrong, but on quick inspection Piety has less functionality and less compatibility.
Never knew about Sparkline...cool. Now that I've seen it, I second your question.
Size would be one, Peity is 5k uncompressed, sparklines is 119k - big difference there.
In the "Events" section, changing the value to 5/5 results in an empty pie chart, rather than a full one. 0-4 out of 5 all work correctly.

Edit:

The violet 16px 7/7 example in the "Tips" section on the page is also missing.

Browser: Chromium 18.0.1025.151 (Developer Build 130497 Linux) Ubuntu 11.04

Works fine for me (Chrome)
Works as expected (full pie) on Firefox 13/Ubuntu
Yes. Same on OS X and Firefox 13.
Also works fine on mobile safari (iPad).
Since you only support IE9+, I don't see how any serious project would pick your charts. IE8 is still #3 most common browser version in the world. IE7 is #5.

http://gs.statcounter.com/#browser_version-ww-monthly-201105...

we have sub 3% IE usage at https://www.blossom.io and most of them (56% use IE 9) so it depends on your target audience I guess :)
Is the lorem ipsum on your homepage on purpose?
You'd be surprised how many serious projects aren't all that interested in IE7 and 8 users.

Edit: I work for a funded startup. Let me give you some numbers:

3-5% IE users, a fraction of those using <9. Demographically, very few/if any of those are our customers.

Disproportionate effort for very little benefit to our users who care about our product.

There is a flash based implementation of the canvas that could be used in place of missing element. It only requires a simple drop in code.

http://flashcanvas.net/

Just checked my analytics out of interest. Sample of 200k unique visitors to a non-tech related website, 6.7% IE8 or less. I would certainly consider using this tool even without knowing about the flash shim, especially for something that something is probably an eye-candy extra and not the central feature of a statistical page.
Very interesting, but most of these examples look like they would be fairly nonsensical to someone without JavaScript enabled (especially the line chart). To say nothing of those who use screen readers.

Is there a handy way of providing some more meaningful 'alt' text? Perhaps just ignore text in the element? (I didn't check -- you may already be doing this, but I didn't see it mentioned).

Who isn't using javascript?
People who keep it disabled on all but a few white-listed sites.
(comment deleted)
The combination of sparklines and pie charts may just cause Tufte's head to explode.
Just because Tufte has taste doesn't mean he can't deal with ugliness.
"Peity (sounds like deity)"

As someone who pronounces deity day-a-tee, I'm guessing you actually mean pee-a-tee and not pay-a-tee.

Day-a-tee sounds about right - but I'm not precious. It was a deliberate miss-spelling of "pie" with some other letters added on... and quite possibly a mistake.
Yeah, I was hung up on that as well. Obviously no reflection on the product/code/whatever, but when you go with "sounds like", try to pick a word that can only be pronounced one possible way.
Why not just call it Piety?
Skimming over the front page, I read it as petite.
(comment deleted)
Wow, awesome! I was going to roll my own (pie charts) this weekend, but now I don't have to (probably wouldn't have been able to, anyway). This looks great, thanks!
I used these in a small mockup app a little while ago. I'm aware of their inappropriateness for representing data, but for adding quick color, pop and smartness to a prototype, they performed beautifully.
Defining colors with the non-W3C-defined term 'colour' is cute, but annoyingly inconsistent with browser terminology.
Reminds me of my .tmux.conf
This looks better than anything else I have seen in graph tools. Shame about the lack of fall-back options, though.

What does it look like, if a browser doesn't support the graphs? Do they just disappear?

I was running without javascript, and was confused for a second when there were no example graphs.
This goes great with the HTML5 <meter> tag.