Wikipedia Graph Explorer

Interactive Article Link Visualization

Wikipedia Graph Explorer is a full-stack application that visualizes the interconnected nature of Wikipedia articles, covering all 7,000,000+ English Wikipedia articles with interactive graph visualization capabilities.

The project demonstrates the power of data visualization and API integration, creating an intuitive interface for exploring the vast network of human knowledge contained within Wikipedia.

Technologies Used

AngularTypeScriptJava Spring BootMediaWiki APICytoscape.jsREST APIs

System Architecture

Frontend

Angular SPA with Cytoscape.js for interactive graph visualization

Backend

Java Spring Boot API with intelligent caching and rate limiting

Data Source

MediaWiki API integration with 7M+ Wikipedia articles

Key Features

Real-time Search

Instant search across all Wikipedia articles with intelligent autocomplete and suggestions.

Interactive Visualization

Dynamic graph rendering with up to 200 concurrent nodes, featuring zoom, pan, and filtering capabilities.

Abuse Protection

Sophisticated rate limiting and request debouncing to prevent API abuse while maintaining responsiveness.

Performance Optimized

Intelligent caching and lazy loading ensure smooth performance even with large datasets.

Article Search in Action

Wikipedia Explorer search functionality showing real-time article suggestions and selection
Real-time search with intelligent autocomplete, instant suggestions, and seamless article selection across all 7 million Wikipedia articles

The search functionality provides instant feedback as users type, offering intelligent suggestions and autocomplete features. The system can handle complex queries and provides relevant results even with partial or misspelled terms.

Interactive Graph Navigation

Wikipedia Explorer graph visualization showing panning, zooming, and node expansion
Fluid graph interactions including smooth panning, intuitive zooming, dynamic node expansion, and interactive article connections

The interactive graph visualization allows users to explore connections between articles through intuitive gestures. Users can pan across the network, zoom in for detailed views, and expand nodes to reveal new article connections, creating an immersive exploration experience.

Technical Achievements

Scalable Architecture

Designed system architecture to handle millions of articles while maintaining sub-second response times.

Advanced Graph Algorithms

Implemented efficient graph traversal and layout algorithms for optimal visualization performance.

API Integration Mastery

Successfully integrated with MediaWiki API, handling complex queries and managing rate limits effectively.

7M+
Articles Covered
200
Max Concurrent Nodes
1/sec
Rate Limit
<500ms
Average Response

Explore the Graph

Discover the interconnected world of Wikipedia articles through interactive visualization.

David Kahdian

Builder. Problem solver.

Connect

© 2025 David Kahdian. Built with SvelteKit and Tailwind CSS.