paulirish / timeline-totals

summarize cost of all operations recorded by the devtools timeline
9 stars 1 forks source link

chart is ugly as f*** #2

Open paulirish opened 11 years ago

paulirish commented 11 years ago

it's kinda terrible. and lacking animation. and lacking hover interactivity.

twolfson commented 11 years ago

Here are some data-vis libraries/collections in case you want to go with a cookie cutter solution

It is also worth mentioning to try different representations of your data, here is one from Designing with Data which converts a pie chart into a stacked bar chart.

dwd_inside_05

paulirish commented 11 years ago

We're using d3 already, just not well. Haven't had the time to finesse in into something good looking. :)

On Sun, May 5, 2013 at 1:52 PM, Todd Wolfson notifications@github.comwrote:

Here are some data-vis libraries/collections in case you want to go with a cookie cutter solution

It is also worth mentioning to try different representations of your data, here is one from Designing with Datahttp://www.fivesimplesteps.com/products/a-practical-guide-to-designing-with-datawhich converts a pie chart into a stacked bar chart.

[image: dwd_inside_05]https://f.cloud.github.com/assets/902488/464165/a59cf9aa-b5c5-11e2-947b-c02c7050e228.jpg

— Reply to this email directly or view it on GitHubhttps://github.com/paulirish/timeline-totals/issues/2#issuecomment-17458929 .

jimthedev commented 11 years ago

Seems like moving the labels out of the pie chart might be a good start. Something like: http://stackoverflow.com/a/8198247

Only problem is that the chart would be smaller in comparison to the overall canvas needed to show it. Probably worth it though given how it currently looks.