Opened 4 years ago

Closed 2 months ago

Last modified 2 months ago

#1558 closed New feature (answered)

Hierarchical pie visualization for browser statistics

Reported by: greg Owned by:
Priority: low Milestone:
Component: UI - UX (AngularJS, twig, less) Keywords: third-party-plugin
Cc: Sensitive: no

Description

After looking at the current browser stats pie visualization for a while, I noted some things that could improve the readability of the chart a lot.

  • The chart shows data of multiple browsers in multiple versions. Each combination of browser and value is treated as a distinct value and hence is shown in a unique color. By now there is no visual connection between different versions of the same browser, but the technical difference between Firefox 3.5 and Firefox 3.6 is almost disregardable.
  • The current implementation of the pie charts shows only the six largest slices and groups the remaining slices to the "others" element. This leads to a biased browser comparation, if a browser has many versions with few visitor percentage.
  • I see that the browser family pie aims to provide a more general view on the browser stats, but I claim that this leads to a needless loss of information. For instance, its impossible to seperate Chrome from Safari because both use the Webkit engine, but in fact there is a notable difference between both browsers.
  • Providing a visualization that allows both the global comparision of browser families (Firefox, IE, Chome, ..) and the local comparision of different browser versions would save space in the dashboard.

I draw a prototype of such a combined visualization to clarify my idea. This is not a critical feature, but it would make the browser statistics more useful, I think.

Attachments (5)

settings-browser.png (12.5 KB) - added by greg 4 years ago.
screenshot.png (17.8 KB) - added by greg 4 years ago.
This is a screenshot of a running prototype of this visualization (ver 0.1) compared to the default pie visualization
UserSettingsExt.zip (26.1 KB) - added by greg 4 years ago.
version 0.3: automatic resizing
UserSettingsExt.php.diff.tar.gz (218 bytes) - added by ejouvin 22 months ago.
DIff for patch with version 1.8 of Piwik
UserSettingsExt.php.tar.gz (183 bytes) - added by ejouvin 22 months ago.
Patch with version 1.8 of Piwik

Download all attachments as: .zip

Change History (20)

Changed 4 years ago by greg (gka)

comment:1 Changed 4 years ago by vipsoft (robocoder)

Yes, there's a level missing between "Browser families" (rendering engine) and "Browsers" (actually, browser versions). A short-term fix might be to rename "Browsers" to "Browser Versions", and use "Browsers" to aggregate all the versions for a particular browser.

The prototype is a nice visualization as it doesn't require clicking to drill down. The only downside is that in our current framework, the multi-level pie chart would require enhancements to OFC.

Changed 4 years ago by greg (gka)

This is a screenshot of a running prototype of this visualization (ver 0.1) compared to the default pie visualization

comment:2 Changed 4 years ago by greg (gka)

could someone please change the milestone to third party piwik plugins?

comment:3 Changed 4 years ago by vipsoft (robocoder)

  • Milestone changed from Features requests - after Piwik 1.0 to Third Party Piwik Plugins

Changed 4 years ago by greg (gka)

version 0.3: automatic resizing

comment:4 Changed 4 years ago by matt (mattab)

Very nice! :)

comment:5 Changed 4 years ago by ian

This is great. Excellent visual design, very information-dense and usable at a glance. Would be nice to at least shorten "Internet Explorer" to "IE", with the callout legend that would save a lot of horizontal space and allow a larger graphic within a dashboard-widget sided box.

This would be wonderful to get into core. What framework did you use on the Flash side / where is Donut.swf from? It sounds like getting this into core will have to wait on additional Open Flash Chart functionality, and this works fine as a third-party plugin so I don't see any urgency on that.

I'd like to make sure we understand what license Donut.swf is under, ideally the source for it, etc - frankly I don't know much about Flash so my apologies if this should be clear from the swf file, but it doesn't look like source code to me.

comment:6 Changed 4 years ago by greg (gka)

The flash side is created from scratch excusivly for Piwik. I can publish the source under GPLv3, if you like.

Would be nice to get this visualization into core. However, I don't like the current implementation for its missing integration into the existing browser stat widget. A better way would be to completely replace the existing pie visualization while keeping the current features (sortable html table, csv export, etc.).

I created a new ticket (#1571) which adresses this issue, but I'm not sure if someone dares to touch the DataTableView plugin..

comment:7 Changed 3 years ago by matt (mattab)

Greg, what do you mean by "A better way would be to completely replace the existing pie visualization while keeping the current features"

Could we technically stop using Pie and use your visualization only? how would that look like / work for other reports (without the multiple levels reporting like browsers)?

comment:8 Changed 3 years ago by matt (mattab)

Greg, I am still very keen on integrating this feature into Core. I think it is an improvement that really makes a difference! If you can, please submit the code to the SVN in GPLv3, in a new directory for example http://dev.piwik.org/svn/chart-hierarchical-pie ?

comment:9 Changed 3 years ago by bronco

I try this plugin with piwik 1.5 and it just works and the best thing is its absolutly easy to use. u have realy made a good work.thx for this

comment:10 Changed 23 months ago by ejouvin

Since I upgrade to 1.8, the pie does not show brower version anymore. I have only browser name for each seaction.

May be something change in the data feeder, and the flahs can not retrieve the brower version number to organize value.

comment:11 follow-up: Changed 23 months ago by matt (mattab)

Yes, the API was renamed from getBrowser to getBrowserVersion !

the plugin needs this small update and it should work again.

comment:12 in reply to: ↑ 11 Changed 22 months ago by ejouvin

Thanks for the informations.

I have update the php script and everything is working fine now.

I wrote something, and publish patched php and diff file, to this URL: http://www.jouvinio.net/wiki/index.php/Plugin_Hierarchical_pie_visualization_for_browser_statistics_Piwik#Update

Changed 22 months ago by ejouvin

DIff for patch with version 1.8 of Piwik

Changed 22 months ago by ejouvin

Patch with version 1.8 of Piwik

comment:13 Changed 2 months ago by matt (mattab)

  • Resolution set to answered
  • Status changed from new to closed

To whomever is able to work on this plugin further:

Along with the Piwik 2.0 release and new design for Piwik, we have also launched the official Plugins Marketplace to let any developer share their work to the thousands of Piwik users worldwide.

Maybe you'd like to publish your plugin there?

In any case, keep up the good work! Cheers.

comment:14 Changed 2 months ago by matt (mattab)

  • Keywords third-party-plugin added

Adding third-party-plugin tag to all Piwik 1.x third party plugins. For more information, please visit the Developer docs, the Plugins Marketplace, the themes Marketplace and see #4607

If you have any question or feedback, get in touch in our Piwik developers forum. Happy new year 2014!

comment:15 Changed 2 months ago by matt (mattab)

  • Milestone Third Party Piwik Plugins deleted

Milestone Third Party Piwik Plugins deleted

Note: See TracTickets for help on using tickets.