Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Visualizing Reddit with my graph drawing library

yasiv.com

Post reply on HN
Print view View original

21–30 of 41 posts

Re: Visualizing Reddit with my graph drawing library

#22

Post by mcdillon »

anvaka wrote: post #2

It shows how subreddits relate to each other. The data is taken from subreddit description. And a link between two subreddits means one has a reference to another. The graph drawing library source code: https://github.com/anvaka/VivaGraphJS Would love to hear what you think...

Very nice work!

Re: Visualizing Reddit with my graph drawing library

#23

Post by kaiwetzel »

Very nice work!

I wonder if it's possible to highlight the reddit mascot with css according to the :visited pseudo-class if you put an a-element around it (or some other way)?

Showing "recent activity" for sub-reddits in a subtle way would be awesome, too, can't click on everything :)

Small detail: if the search term has a white-space around, no results are found.

Re: Visualizing Reddit with my graph drawing library

#26

Post by enjalot »

anvaka wrote: post #2

It shows how subreddits relate to each other. The data is taken from subreddit description. And a link between two subreddits means one has a reference to another. The graph drawing library source code: https://github.com/anvaka/VivaGraphJS Would love to hear what you think...

This is pretty awesome! Very smooth experience.

Have you seen d3.js? It has a similar force layout component, I'm curious as to your motivation for writing your own (although it looks and works very nice!)

Re: Visualizing Reddit with my graph drawing library

#27

Post by mhansen »

anvaka wrote: post #2

It shows how subreddits relate to each other. The data is taken from subreddit description. And a link between two subreddits means one has a reference to another. The graph drawing library source code: https://github.com/anvaka/VivaGraphJS Would love to hear what you think...

Very nice! I like how the lines on the graph wrap to 45 degrees.

Re: Visualizing Reddit with my graph drawing library

#28

Post by dubya »

orofino wrote: post #14

One thing that I noticed and hasn't been mentioned here (and everyone should try), the scrolling/zooming is fantastic. It remains smooth even with many many items displayed. Well done. It is all too common that a visualization like this will cripple performance, the reddit and book visualization are still very smooth for panning/zooming.

It's a smooth effect, but it's so much nicer when scrolling scrolls instead of zooming. On this one, scrolling left or right just duplicates scrolling up or down, and for some reason, scrolling right (zooming out) sometimes stutters. I would have thought that trackpad scrolling was really common now, but maybe it's somewhat Mac-specific?

Re: Visualizing Reddit with my graph drawing library

#29

Post by anvaka »

dubya wrote: post #28
orofino wrote: post #14

One thing that I noticed and hasn't been mentioned here (and everyone should try), the scrolling/zooming is fantastic. It remains smooth even with many many items displayed. Well done. It is all too common that a visualization like this will cripple performance, the reddit and book visualization are still very smooth for panning/zooming.

It's a smooth effect, but it's so much nicer when scrolling scrolls instead of zooming. On this one, scrolling left or right just duplicates scrolling up or down, and for some reason, scrolling right (zooming out) sometimes stutters. I would have thought that trackpad scrolling was really common now, but maybe it's somewhat Mac-specific?

Agreed, that's annoying. I couldn't find an easy way to separate horizontal scroll event from vertical. But it's something I really want to fix...

Re: Visualizing Reddit with my graph drawing library

#30

Post by anvaka »

enjalot wrote: post #26
anvaka wrote: post #2

It shows how subreddits relate to each other. The data is taken from subreddit description. And a link between two subreddits means one has a reference to another. The graph drawing library source code: https://github.com/anvaka/VivaGraphJS Would love to hear what you think...

This is pretty awesome! Very smooth experience. Have you seen d3.js? It has a similar force layout component, I'm curious as to your motivation for writing your own (although it looks and works very nice!)

Yep, D3 is amazing and I truly love it. As for my motivation - I wrote the library to learn JavaScript. But I would really want to make it extremely fast even on the large graphs...
Post reply on HN