Knowledge Transfer: Generate Economic Graph Visualizations

Over the years I have been publishing graph visualizations of the Gitcoin Grants datasets, like these.


This is data from Grants Round 13. Each node in the network is a user (or grant) and each edge is a transaction between those nodes.

I find these graphs are useful for visualizing each grants round in 3-dimensional space. Using this data you can see which users/grants are hyperconnectors and which are on islands unto themselves.

@Benwest asked me to tell him how to generate mesh visualizations of the grant data., so here goes:

On Grants 1

  1. Get staff permissions on Grants 1 from CSDO.
  2. Go to https://gitcoin.co/_administration/mesh
  3. Enter the fields on the form, and click ‘Go’.
  4. This doesnt ALWAYS work because sometimes there is so much data the tool times out (either server side, or client side it can crash your browser). If this happens, try again and use the ‘trimmed’ parameter to trim the dataset by 99%.

Here is what the form looks like. The fields:

  1. Trimmed, 0% to 99% how much should the data be trimmed into a representative sample? (default: 0%)
  2. Label: Do you want to see the names of the nodes? (default: no)
  3. Theme: light or dark, self explanatory (default: light)
  4. type: return grant data, bounties data, tip data, kudos data, or all data (default: all data)
  5. From/to: from => to dates (default: current day)

/results updates

Every round I’ve historically tweeted out these onto this thread and updating https://gitcoin.co/results/ with the new viz here

Now that I’m disaffilated I wont be doing this for GR15 data. Someone in the DAO should probably do it IFF it the DAOs intent to keep publishing these.

On Grants 2

If anyone wishes to build a similar tool for traversing the data in Grants 2, you can just use simplegraph.js to do it. Just plug in the transactional data to that visualization tool.

There are probably better graph analysis tools to use, but simplegraph.js is the one i’ve used.

2 Likes

This is amazing. I want to give it a whirl!

For other tools for making directed or undirected network graphs, also consider:

  • Flourish - easy no code solution
  • Observable - need to know some javascript and have your data processed, but very easy to customize AND takes advantage of the full d3 physics engine
  • Plotly Cytoscape - need to know python and how to deploy to a web server. This is even more customizable and helpful if you want a standalone webapp with features that a user can customize.

You can also just use NetworkX in python for a static visualization, but that’s no fun.

3 Likes

I think there is a sweet spot for data exploration/viz tools like these to hasten the DAOs ability to turn data into learning into insights. could be major alpha in the infinite game against the red team!

5 Likes

FYI there are now two graph visualization tools you can use for allo protocol era economic graph vis

  1. https://gitcoin-beta-networks.streamlit.app/ by @umarkhaneth (works for alpha rounds)
  2. https://grants-graph.vercel.app/ by @ghostffcode (works for alpha rounds/GG18)

neat to see one of the most prominent grants out there using these visualizations to promote the round :slight_smile: https://twitter.com/lensterxyz/status/1692963337330729288

https://gitcoin-networks.streamlit.app/

The economic graph visualizer lives at this link now ^ added gg18 in there and filters by donation amount + passport score

2 Likes