WordPress PHP version statistics graph difficult to read

[jkva]

Hello,

I am filing this in response to ​https://twitter.com/LucP/status/1012384382856892416.

While this graph is quite useful, I have trouble discerning the colours associated with each percentage. Would it be possible to instead use (for instance) line indicators to associate each chunk with the version and percentage? That way, since the version+percentage will be outside the graph and easier to read, and color is no longer the sole association between visual chunk and version percentage.

Thanks!

[Otto42]

The graph is generated by the Google Charts API, so we're a bit limited in what can be done with it. Line indicators are not available.

But maybe some suggestions could be made from the examples shown here:

​https://developers.google.com/chart/interactive/docs/gallery/piechart

Of course, if a Pie Chart isn't the right way to display it, maybe some other format would work better?

[Otto42]

For reference, this is the page with the charts:

​https://wordpress.org/about/stats/

Note that you can hover the mouse over each piece for more direct info, instead of relying on the color legend.

[jkva]

Ah, that's a very useful page. Thank you!

Replying to Otto42:

For reference, this is the page with the charts:

​https://wordpress.org/about/stats/

Note that you can hover the mouse over each piece for more direct info, instead of relying on the color legend.

[obenland]

Replying to Otto42:

Note that you can hover the mouse over each piece for more direct info, instead of relying on the color legend.

Yeah, that's definitely an improvement over the screenshot experience. @jkva Do you think that satisfies the intent of the ticket?

[jkva]

@obenland @Otto42 These charts are way easier for me to read, thank you.

I saw there are invisible tabular representations of each chart in the DOM as well, excellent. But the description of each chart (PHP versions, MySQL versions, etc) is part of the SVG, which makes the context of each table unknown. Better to just use regular HTML headings there, but that is likely a separate issue.

Replying to obenland:

Replying to Otto42:

Note that you can hover the mouse over each piece for more direct info, instead of relying on the color legend.

Yeah, that's definitely an improvement over the screenshot experience. @jkva Do you think that satisfies the intent of the ticket?

[obenland]

Replying to jkva:

These charts are way easier for me to read, thank you. I saw there are invisible tabular representations of each chart in the DOM as well, excellent.

Great! Thanks for bringing it to our attention