wikipedia map
API rewrite
Eine Web -App zur Visualisierung der Verbindungen zwischen Wikipedia -Seiten. Probieren Sie es bei Wikipedia.luk.ke.
Geben Sie zunächst ein Thema in das Textfeld ein, zum Beispiel Katzen . Ein einzelner „Knoten“ wird generiert, mit der Katze gekennzeichnet, die als Kreis im Diagramm erscheint. Klicken Sie auf diesen Knoten, um ihn zu erweitern.
Die Erweiterung eines Knotens erstellt einen neuen Knoten für jeden Wikipedia -Artikel, der im ersten Absatz des von Ihnen geklickten Artikel verlinkt ist . Diese neuen Knoten werden mit dem Knoten verbunden, aus dem sie erweitert wurden. Beispielsweise erzeugt die Erweiterung von Katze acht Knoten, einschließlich Fell , Säugetier , Fleischfresser und Domestizierung , von denen jede mit Katze verbunden ist. Diese neuen Knoten können auch auf die gleiche Weise erweitert werden. Wenn Sie weiterhin Knoten erweitern, können Sie ein komplexes Netz verwandter Themen erstellen.
Sie können auch mehrere Artikel eingeben, um sie zu "vergleichen", indem Sie nach jedem, den Sie eingegeben haben, auf Komma, Registerkarte oder Eingeben eingeben.
Wenn Sie klicken, um einen Knoten zu erweitern, wird eine Anforderung an die Wikipedia -API gestellt, um den vollständigen Inhalt des Wikipedia -Artikels, der diesem Knoten entspricht, herunterzuladen. Wikipedia Map verwendet diese Daten, um die Links im ersten Absatz des Artikels zu finden.
wikipedia_parse.js verwendet die DOMParser -API, um die HTML von Wikipedia Pages zu analysieren (abgerufen von Aufrufen an Wikipedia -API). Der Parser sucht nach dem <p> -Tag, das dem ersten Absatz des Artikels entspricht, und extrahiert dann alle <a> Tag -Links in diesem Absatz. Anschließend filtert die Links nur diejenigen, die zu anderen Wikipedia -Artikeln verknüpft sind.
Sie können dies in Aktion selbst in der Konsole Ihres Browsers sehen. Wenn Sie die Wikipedia -Karte öffnen lassen, öffnen Sie die Entwickler -Tools Ihres Browsers und tippen Sie await getSubPages('Cat') . Nach einer Sekunde sollten Sie ein Array mit den Namen anderer verwandter Artikel sehen.
Das Front-End verwendet vis.js um die Grafik anzuzeigen. Jedes Mal, wenn ein Knoten angeklickt wird, macht die App einen XMLHttpRequest für den Node.js -Server. Die resultierenden Links werden als neue Knoten hinzugefügt, die nach ihrem Abstand vom zentralen Knoten gefärbt sind (wie oben beschrieben).
Um die App lokal zu verwenden, einfach
git clone https://github.com/controversial/wikipedia-map/ und öffnen index.html in einem Webbrowser. Um das Front-End auszuführen, ist keine Zusammenstellung oder Server erforderlich.
Das Erweitern eines Knotens erstellt Knoten für jeden Artikel, der im ersten Absatz des Artikels für den von Ihnen erweiterten Knoten verknüpft ist. Ich habe mich aus 2 Gründen ausgewählt, um Links nur aus dem ersten Absatz eines Artikels zu verwenden:
Knoten sind leichter, wenn sie weiter vom zentralen Knoten entfernt sind. Wenn es 5 Schritte dauerte, um das alte Griechisch von Penguin zu erreichen, ist es eine hellere Farbe als ein Knoten wie Vogelbeobachtung , der nur 2 Schritte dauerte, um zu erreichen. Somit gibt die Farbe eines Knotens an, wie genau ein Artikel mit dem zentralen Thema zusammenhängt.
Wenn Sie die Maus über einen Knoten schweben, wird der Pfad zurück zum zentralen Knoten hervorgehoben:
Dies ist nicht unbedingt der kürzeste Weg zurück; Es ist der Weg, den Sie eingegangen sind, um den Knoten zu erreichen.
.gitignore -INBEBRIKTION VERBRACHT INBIBLOBIES -Verzeichnis, kein Grund dafür, dass es hier ist, wenn ich dieses Zeug nicht geschrieben habe Dieses Projekt wird von Wikipedia angetrieben, dessen Informationsreicht dieses Projekt ermöglicht.
Die Präsentation des Diagramms wird von vis.js angetrieben.
