Question: How can I make a tag graph visualization?

bsugar asked on January 25, 2018 19:49
100 | 2 answers | shortlink


Recently I have been asked a few questions about how the tag graph was implemented. So I figured it might be good to have a public space to answer them!

Some preliminary questions:

  1. If 2 tags belong to same node , they have an edge between them?
  2. The different colors is for different types of node like questions , notes , research-notes , etc . ?

Please add any questions of your own and I'll hop back on to answer!

EDIT: I'll be posting more as soon as we can figure out where to place some files so they are publicly accessible.



community-metrics visualization evaluation tags networks ui graphing

question:ui question:evaluation question:visualization



1 Comments

warren 25 days ago

<3<3<3

Log in to comment

2 Answers

1) If 2 tags belong to same node , they have an edge between them ?

The tags don't belong to nodes, the nodes are actually the tags themselves. Each "tag node" as it were, has an edge between them when they occur on the same page on the plots website. I believe that goes for any page be it a research note or a wiki page. Take the following page (whoa meta) for example: Here you see the tags are:

Screen_Shot_2018-01-25_at_2.54.08_PM.png

The nodes are:

website design tags

The un-directed edges are:

website design website tags design tags

2.) The different colors is for different types of node like questions , notes , research-notes , etc . ?

The colors relate to the "community" the nodes (tags) belong to. Take a look at this image @cfastie posted:

tagboolean.jpg


Log in to comment

Follow up: @sagarpreet, in exploring export options for a different project, I just discovered that you can extract the visual attributes (i.e. color, size, positions) by exporting to one of the files that supports this (see matrix image here). Open the .gephi file, then go to File --> Export --> Graph File. When you choose a supported file format, the "Options" button should become "clickable". Click on it, and make sure to check off the boxes for any attributes you'd like.

Personally, since I do have an interest in web visualizations, but I do not have an interest in figuring out how to implement algorithms for things like community detection and calculating node sizes, I think this is a great way to quickly translate the static visualizations from gephi into something dynamic. The other plus is that I'd prefer to see changes I made update in real time without having re-run the program again.

Again, for all others, we'll get some files up real soon!


Log in to comment

Sign up or Login to post an answer to this question.