Because going down the rabbit hole isnt linear.
Tool for navigating Wikipedia and plotting your page visits.
Pull the repo locally or test it out at https://wikinav.com
- Search Wikipedia pages by terms or URL
- Navigate through a visual graph of your visits
- Zoom and pan the navigation graph
- View Wikipedia content in real-time
Before you begin, ensure you have the following installed:
- Node.js (version 14 or later)
- npm (Node Package Manager)
- A modern web browser
- Clone the repository:
git clone https://github.com/whosawme/wikinav.git
cd wikinav- Install dependencies:
npm installIn the project directory, you can run:
Runs the app in development mode. Open [http://localhost:5173/] to view it in your browser.
Builds the app for production to the build or dist folder.
-
Interactive Navigation Graph:
- Visualize connections between Wikipedia pages
- Zoom in/out using mouse wheel (Ctrl + Scroll)
- Pan the graph by clicking and dragging
-
Content Viewer:
- Load Wikipedia pages by entering a URL
- Click internal Wikipedia links to explore related pages
- Quick access to Wikipedia home page
- Search Wikipedia or enter full Wikipedia URL (e.g.,
https://en.wikipedia.org/wiki/Machine_learning) - Navigate through pages by:
- Clicking internal links in the content area, or
- Clicking nodes in the graph
- Built with React
- Uses SVG for navigation graph rendering (open to other visualization approaches)
- D3.js for splayed graph mode
- Utilizes Wikipedia's public API for content fetching
- Some dynamic content may not render perfectly
Contribs welcome..
- Fork the repository
- Create your feature branch (
git checkout -b feature/UsefulFeature) - Commit your changes (
git commit -m 'Added some Useful Feature') - Push to the branch (
git push origin feature/UsefulFeature) - Open a Pull Request
Distributed under the MIT License. See LICENSE for more information.
- React
- Wikipedia API