Under preferences, select the Gadgets tab and enable "Navigation popups".
When hovering over a link in a Wikipedia article, a small popup will appear, in addition to some metadata about the link, the first paragraph of the article will appear, including links that may appear in that paragraph, which can also be hovered to make another popup appear.
Navigation popups have been around since 2005, and while in some ways better than the OP's design (pictures!) this is useful enough to test it as default behavior.
Hover doesn't work on mobile, so perhaps they should appear if you click and hold for a few seconds.
First of all you need to have a Wikipedia account to enable them, and second this is something intended as an help for the editors. Wikipedia description of this function is:
"article previews and editing functions popup when hovering over links"
What about the German or French Wikipedia? What about Wiktionary? Oh man, that is going to be hard.
Indeed, Navigation popups is not perfect and it is intended for editors first. But I mostly use it for speeding up my browsing.
But writing a general tool for all MediaWiki installations is going to be quite the task; a lot of MediaWiki wikis don't even have opening paragraphs like Wikipedia does (see Wiktionary for example). Sure, we can make some compromises and accept that non-encyclopaedia styled wikis don't apply to this tool.
I'd love to see a Firefox extension that did this. But for now; either Hovercards or Navigation popups provides the basics of the requested functionality.
Use cases I thought of were mainly adjusting texts explaining things (e.g. Wikipedia, school books, etc.) to the already existing knowledge of the reader. So that an article explaining a concept could look radically different (and going into increasingly more detail) depending on what the reader already knows. One proof of concept I created was adjusting the German Wikipedia article on Turing machines to three different levels (school, 1st semester CS student, 4th semester CS student) [75.3]. What each level does is either explaining things differently or leaving out parts altogether (no need horrifying a pupil with formulae). So my main focus was on providing something that reads well (expanding things inline still incur a context switch because they're not part of the original narrative) and finding a way how to model such things. Nothing automatic because a clear semantic model is needed for that to work.
Thesis can be found at [0.046], it's in German, but the abstract is in English too. Just in case someone might be interested in that.
[−1½] http://www.telescopictext.com/ mentioned by https://news.ycombinator.com/item?id=7602335
[75.3] http://hypftier.de/temp/turing.html – sorry, it's in German, but Google Translate seems to work fine.
You can enable it here
https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsec...
http://i.imgur.com/fXYAZgm.png
Unfortunately, it's not recursive, unlike "Navigation popups" described in what is currently the top comment. They are prettier though!
The navigation popups are great except that if you move the mouse off them then they close, so as you traverse down the tree you lose parents. And you kinda end up with the same issue as before only now you really have no idea how you got there because you don't even have the open tabs to guide.[0]
1. A popup obscures the original text. This interferes with context, albeit admittedly to a much lesser degree than full-blown navigation, but still.
2. Multi-level popup hierarchies just don't look good, in my opinion.
3. You must dismiss a popup to continue, whereas with inline expansion you can just as well keep the expansion and continue reading.
4. The hover approach doesn't work as well for touch-devices (i.e. without a mouse).
Sadly, Chrome doesn't have a tree-style tabs mode, nor can it be provided by the existing Chrome extension format. There are a number of tree-style tab extensions for Firefox (e.g., "Tree Style Tab": http://piro.sakura.ne.jp/xul/_treestyletab.html.en).
There are any of a number of changes to the browser model I'd very much prefer aimed at information management, as opposed to the web-applications centric focus of the past several years.
In an interesting departure, Kobo advertised among the features of its (Android-based) tablet a web browser which simplified pages to an easy-to-read view. Based on present pre-loaded apps bundles, it looks as if that was the Pocket browser, but I still find it interesting that this was pitched as a benefit to a largely nontechnical, literary audience. It certainly reflects my own growing dissatisfaction with present-generation browsers.
https://chrome.google.com/webstore/detail/google-dictionary-...
Rob Beezer's free open-source linear algebra book uses these extensively to provide more details in proofs and in exposition. It's very nice. For example, click on the underlined blue text at http://linear.ups.edu/html/section-SSLE.html
I also made a (by no means complete) POC more simmiliar to your animation which you're welcome to fork and improve: http://en.wikimore.tomodo.me/wiki/Main_Page
In general, whenever you want to improve a website - Tomodo is the place to go (http://tomodo.com/)
If I want a short article, read the Dutch version. If I want too many details, read the English version :)
http://xuanji.appspot.com/static/wikipedia.html
Note that the "sinusoidal wave" link isn't working, as it redirects to "sine wave"...gotta work around that :(
If you want to read/modify the code send a pull request to github.com/zodiac/xuanji.appspot.com/, the commit which implemented this is https://github.com/zodiac/xuanji.appspot.com/commit/872b40dc...
Http://i.imgur.com/9lSpyxb.png
https://chrome.google.com/webstore/detail/wikipedia-quick-hi...
Does anyone know of similar general purpose word sets for other languages?
This would be great. All my attempts at learning a new language are thwarted by the seeming daunting nature of the task. 850 (or so) words? I could see myself doing that (and then continuing on to another few thousand words.
I believe Tim Ferriss did something like this for learning Japanese. He made the list himself, but published it for others. It's in "The 4 Hour Chef" and probably on his website.
I looked into this more (had an urge to learn Spanish today). Frequency dictionaries might be a good place to start. Here's the Spanish one I found [1]. It's a dictionary sorted by frequency of use (in a 20 million word text survey) instead of alphabetically. I imagine you can find a similar dictionary for other languages.
[1] http://speak-spanish.ru/wp-content/uploads/A-FreDictSpan.pdf
I guess this can be generalized to most mathematics on Wikipedia.