Add data visualizations to Explorer

[wpank]

As cool as the table of cred is in the Explorer, adding visualizations of the data can make a more impacting impression.

Until including time based accreditation, pie charts and bar charts seem appropriate for the distribution of cred.

I find Etherscan's Dex Tracker to be a good example of a visually pleasing interactive visualization of decentralized exchange transaction distribution.

For sourcecred, each "slice" of the pie would be the amount of cred a contributor has in the total project.

Some further visualizations could be graphs around number of contributors, commits, pull requests, issues, comments, and reactions.

┆Issue is synchronized with this Asana task by Unito

[teamdandelion]

I like this suggestion. I think bar charts will be better than pie charts and we could have the following information:

1. within a given filter, show the top X (x=10?) items in the bar chart (so that when the filter === user filter, it shows the top contributors).

(open question: how should we communicate the length of the long tail, the n-X elements that don't show up in the chart?)

2. across all filters, show total cred in each category (e.g. how does total Pull cred compare to total Issue cred)

3. across all filters, show the count of each category (e.g. how many pulls vs how many issues)

4. (maybe) across all filters, show average cred per element in the filter (average cred of a pull vs average cred of an issue)

I have a lot of experience implementing d3-based javascript visualizations (architected a library for doing it, in fact) so I can take this on from an implementation standpoint. It would be nice if we can explicitly prioritize this (see: #1064 and #1071)

[wchargin]

I will second the “prefer bar charts” motion, and refer any curious
parties to page 92 of texdoc tikz, §7.6, “Plots and Charts”.

[wpank]

Something interesting I came across: Sourcerer

Sourcerer appears to generate a nice looking profile with a bunch of metadata and visualizations for a person's github profile.

Here's an example of someone's profile.

It includes:

• Number of Commits, Repos, lines of code, Followers, Following

• A graph of commits over time

• Percentages of different contributions, split by language

• Repositories they've contributed to

• Fun meta insights like, most productive on tuesdays, most productive during the night, prefer spaces vs tabs, etc.

I think all of this looks similar to what a 'Profile View' for sourcecred could be.

---

A similar sort of thing I came across is a part of Medium's developer growth framework

That series of articles describes the framework, processes, and metrics Medium has to quantify growth.

Of particular interest is Snowflake, a growth visualization tool.

Here's a prod version to play with

I think both sorts of approaches can be an interesting interactive tool to visually show both contribution and growth. That sort of gamefication ux creates nice feedback loops for contributors that like to see growth and progress.