wikipedia map
API rewrite
Une application Web pour visualiser les connexions entre les pages Wikipedia. Essayez-le sur wikipedia.luk.ke.
Commencez par saisir un sujet dans la zone de texte, par exemple les chats . Un seul «nœud» sera généré, étiqueté CAT , qui apparaît comme un cercle sur le graphique. Cliquez sur ce nœud pour l'étendre.
L'élargissement d'un nœud crée un nouveau nœud pour chaque article Wikipedia lié dans le premier paragraphe de l'article que vous avez cliqué . Ces nouveaux nœuds seront connectés au nœud à partir duquel ils ont été agrandis. Par exemple, l'expansion du chat créera huit nœuds, notamment la fourrure , le mammifère , le carnivore et la domestication , chacune qui sera connectée à CAT . Ces nouveaux nœuds peuvent également être élargis de la même manière. En continuant à étendre les nœuds, vous pouvez créer un réseau complexe de sujets connexes.
Vous pouvez également saisir plusieurs articles pour "comparer" en appuyant sur la virgule, l'onglet ou entrer après chacun que vous entrez.
Lorsque vous cliquez pour agrandir un nœud, une demande est faite à l'API Wikipedia pour télécharger le contenu complet de l'article Wikipedia correspondant à ce nœud. Wikipedia Map utilise ces données pour trouver les liens dans le premier paragraphe de l'article.
wikipedia_parse.js utilise l'API DOMParser pour analyser HTML Wikipedia Pages (récupéré des appels à l'API de Wikipedia). L'analyseur recherche la balise <p> correspondant au premier paragraphe de l'article, puis extrait tous les liens de balise <a> dans ce paragraphe. Il filtre ensuite les liens pour inclure uniquement ceux qui sont liés à d'autres articles Wikipedia.
Vous pouvez le voir en action vous-même dans la console de votre navigateur. Si vous avez une carte Wikipedia ouverte, ouvrez les outils de développeur de votre navigateur et Type await getSubPages('Cat') . Après une seconde, vous devriez voir un tableau avec les noms d'autres articles connexes.
Le frontal utilise vis.js pour afficher le graphique. Chaque fois qu'un nœud est cliqué, l'application fait un XMLHttpRequest sur le serveur Node.js. Les liens résultants sont ajoutés sous forme de nouveaux nœuds, colorés en fonction de leur distance du nœud central (comme décrit ci-dessus).
Pour utiliser l'application localement, simplement
git clone https://github.com/controversial/wikipedia-map/ et ouvrir index.html dans un navigateur Web. Aucune compilation ou serveur n'est nécessaire pour exécuter le frontal.
L'élargissement d'un nœud crée des nœuds pour chaque article lié dans le premier paragraphe de l'article pour le nœud que vous développez. J'ai choisi d'utiliser des liens uniquement à partir du premier paragraphe d'un article pour 2 raisons:
Les nœuds sont plus légers lorsqu'ils sont plus éloignés du nœud central. S'il a fallu 5 étapes pour atteindre le grec ancien de Penguin , ce sera une couleur plus claire qu'un nœud comme l'observation des oiseaux , qui n'a pris que 2 étapes à atteindre. Ainsi, la couleur d'un nœud indique à quel point un article est étroitement lié au sujet central.
Le plan de la souris sur un nœud mettra en évidence le chemin vers le nœud central:
Ce n'est pas nécessairement le chemin le plus court; C'est le chemin que vous avez pris pour atteindre le nœud.
.gitignore -IFIER le répertoire des bibliothèques, aucune raison pour que ce soit ici quand je n'ai pas écrit ce genre de choses Ce projet est propulsé par Wikipedia, dont la richesse d'informations rend ce projet possible.
La présentation du graphique est alimentée par vis.js
