Web Histotree

• 

  BEHOLD

• 

  A better demo image

Inspiration

Often times when surfing the web it's easy to get lost and wonder how you arrived at the page you are currently viewing.

What it does

This program builds a directed acyclic graph whose paths coincide with your web browsing history. This is so that it is clear when you clicked on links, created new tabs or windows, or navigated to an alternate website.

How we built it

Using Javascript, Sigma, HTML/CSS, D3 (that didn't work), and polyfill for cross-browser support.

Challenges we ran into

JavaScript does not play nice with extensions. Much of the functionality afforded by JS is subverted by the extension's own necessities.

Accomplishments that we're proud of

It works!

What we learned

How Sigma.js works, JavaScript for loops aren't nice, and JS libraries suck in the use of extensions

What's next for Web Histotree

FIND OUT NEXT TIME

Built With

• css
• html
• javascript
• sigma.js