Hasolidit graph creator

Table of Contents

• About
• Getting Started
• Usage

About

Almost evrything is hard coded, in a quick and dirty way.

Given an initial link (hard coded) from Hasolidit blog, go through the follow up links from the intiail link and create a graph where each vertex is a post and each (directed) edge symbolizes which post lead to whom.

Currently, external sites are not supported.

Getting Started

1. git pull
2. npm install
3. Open index.html and choose res.json as the file.

Prerequisites

(Only if you want a new graph from a different node or for development).

• Node.js
• MongoDB
• npm
• Create a db with a collection as defined in db.json

Usage

If you want the graph to start from a different post run npm install. Make sure you have mongodb installed and that a mongod process is running.

Change the initialLink in graphCreator.js to be whatever you want, and run the file via node graphCreator.js. This will generate a new res.json you can use. Do note you need to change the initial link in index.js too.

If you want to change the layout of the graph simply change it in index.js at

document.getElementById('cy').addEventListener('dataavailable', function(e) { /* your new layout goes here */ }

Known issues

• External sites are not supported (no vertex will be created).
• Clicking on an edge will change focus at most twice and then it will stay on the target of the edge.
• Clicking on an edge will color the source's edge accordingly but will never un-color them.
• "Random" button doesn't work.
• Generating the res.json is completly independant from presenting it.
• Code looks ugly.

Road-map

1. Fix the issues with clicking on an edge.
   1. Clicking on an edge of a selected vertex should pan in on the opposite one (if source is selected should pan in on target on vice versa).
   2. The same should happen on a vertex that is distinctly currently panned in, even if not selected.
2. Find a way to detect unselecting of vertices in order to preform the unselectCurrent action and change the color of the edges. Otherwise it will remain colored forever and ever.
3. Find a convenient layout to present the graph. A logical ordering of the vertices.
4. Think of a way to space out the edges so it will be easier to follow the posts.
5. Consider adding a modal that will pop-up on every double click/tap on a vertex. The modal should present the text of the post and a link directing to it.