Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Create a 'TouchGraph this site' bookmarklet Web Browsers
I modified the Technorati this! bookmarklet to create the following button. Add a bookmark called Touchgraph this to your favorite browser, and paste the following code into the address field:

javascript:w=window;d=document;var%20u;s='';if%20(d.selection)%20%7Bs=d.selection.createRange().text;%7D%20else%20if%20(d.getSelection!=u)%20%7Bs=d.getSelection();%7D%20else%20if%20(w.getSelection!=u)%20%7Bs=w.getSelection();%7D%20if%20(s.length%3C2)%7Bif(String(w.location).substring(0,6)=='about:')%7Bs=prompt('Touchgraph%20Realtime%20Display%20for:',s);%7Delse%7Bs=w.location;%7D%7Dif%20(s!=null)%20w.location='http%3A//www.touchgraph.com/TGGoogleBrowser.php?start='+escape(s);void(1);

Now to see the TouchGraph Google chart for the page you're on, just click the toolbar button.

[robg adds: I'd never heard of TouchGraph before; it seems to be a tool to help you map the relationship between items. In the case of their Google tool, I believe it's tracking links to the site of interest, and mapping the relationship between all those sites. For instance, here's macosxhints.com. They also have a tool to look at titles on Amazon as well as LiveJournal sites.

Sorry for the scrolling box above, but it seemed the best way to handle this very very long bookmarklet (which cannot have line breaks embedded in it). Just click-and-drag in the box to highlight all the text, copy, create a new bookmark, and paste that as the location. And if anyone can provide a more technical overview of what the Google TouchGraph is showing, please do so!]
    •    
  • Currently 2.33 / 5
  You rated: 2 / 5 (3 votes cast)
 
[5,832 views]  

Create a 'TouchGraph this site' bookmarklet | 6 comments | Create New Account
Click here to return to the 'Create a 'TouchGraph this site' bookmarklet' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Create a 'TouchGraph this site' bookmarklet
Authored by: mankoff on Feb 14, '05 11:09:11AM
See: http://touchgraph.sourceforge.net/

It appears to be a visual mapping of the web. It is based, among other things, on the Google related: query operator, but is also able to traverse Wikis, and other stuff.

[ Reply to This | # ]
Create a 'TouchGraph this site' bookmarklet
Authored by: Tony in Ottawa on Feb 14, '05 04:42:20PM
Touchgraph is great way to visualize the google link: directive. Recall Apple's HotSauce (3D Fly through web space). Robin Good has a generic description of the TouchGraph google browser.

Be patient with code. I do find the Java performance on the Mac to be rather slow. There's a Q&A at Apple about applet loading. During my testing of the code, Firefox showed some of the code to be deprecated, and the changes worked fine with Safari, but not with Firefox, so in the end, I left it alone.

Regardless, I hope everyone enjoys visualization how Google links sites!

[ Reply to This | # ]
Create a 'TouchGraph this site' bookmarklet
Authored by: osxpounder on Feb 14, '05 06:09:16PM

I'm not quite clear on what the Google version of TouchGraph does [and the TouchGraph site, as well as the applet's instructions, assume you already know what it's doing -- they don't tell you]. It seems to be finding sites that are "similar", somehow. It's not a map of sites that link to the URL in question, nor of sites that are linked from that URL.

---
--
osxpounder



[ Reply to This | # ]
Create a 'TouchGraph this site' bookmarklet
Authored by: Tony in Ottawa on Feb 15, '05 12:20:03PM

Correction: It seems that the TouchGraph Google Browser uses the related: operator rather than the link: operator.

On doing a mouse over on the Google:related hyperlink at http://www.touchgraph.com/TGGoogleBrowser.html the following info is displayed:
"Graphs can only be generated for sites which have related links on Google."

and, from http://www.google.com/help/operators.html
"The query [related:] will list web pages that are "similar" to a specified web page. For instance, [related:www.google.com] will list web pages that are similar to the Google homepage. Note there can be no space between the "related:" and the web page url.

This functionality is also accessible by clicking on the "Similar Pages" link on Google's main results page, and from the Advanced Search page, under Page Specific Search > Similar."



[ Reply to This | # ]
Create a 'TouchGraph this site' bookmarklet
Authored by: Tony in Ottawa on Mar 11, '05 09:12:31PM
OK here it is: the Touchgraph:Link button (my original post was indeed the Google:related operator): Again, when pasting into the bookmark's address field, make sure that there are no line breaks in the code. Here's the Touchgraph reference URL
javascript:w=window;d=document;var%20u;s='';if%20(d.selection)%20%7
Bs=d.selection.createRange().text;%7D%20else%20if%20(d.getSelection!=u)
%20%7Bs=d.getSelection();%7D%20else%20if%20(w.getSelection!=u)%20%7Bs=
w.getSelection();%7D%20if%20(s.length%3C2)%7Bif(String(w.location).substring(0,6)
=='about:')%7Bs=prompt('Touchgraph%20Realtime%20Display%20for:',s);
%7Delse%7Bs=w.location;%7D%7Dif%20(s!=null)%20w.location='http%3A
//www.touchgraph.com/TGGoogleBrowser_Backlinks.php?start='+escape(s);void(1);


[ Reply to This | # ]
Create a 'TouchGraph this site' bookmarklet
Authored by: Tony in Ottawa on Apr 23, '05 12:59:56PM
Well, Safari 1.3/10.3.9 broke this. So,here's the replacement code, simplified, that continues to work: Google related:
javascript:location.href='http://www.touchgraph.com/TGGoogleBrowser.php?
start='+escape(location.host)+escape(location.pathname);


Google link:
javascript:location.href='http://www.touchgraph.com/TGGoogleBrowser_Backlinks.php
?start='+escape(location.host)+escape(location.pathname);


[ Reply to This | # ]