Wiki Edits Live Feed
A real-time, client-side dashboard displaying live edits from Wikipedia using the Wikimedia EventStreams SSE feed.
Free to use
Copies a prompt for your AI to fetch this code
About
The 'wiki-live.html' file is a self-contained HTML page that functions as a live dashboard for Wikipedia edits. It utilizes the Server-Sent Events (SSE) protocol to connect to the Wikimedia EventStreams API ('https://stream.wikimedia.org/v2/stream/recentchange'). Upon connection, it receives a stream of recent changes, which are then parsed and displayed in a user-friendly interface. The dashboard shows a live feed of edits, including the wiki, title, user, and byte changes. It also provides real-time statistics such as the edit rate per minute, total edits seen, and net byte changes. Additionally, it displays the top 10 wikis by edit count and allows users to filter edits to hide bots, minor edits, or only show English Wikipedia edits. The UI is styled with custom CSS, including a pulsing indicator for the live connection and smooth animations for new edits. The script also includes basic HTML escaping to prevent XSS vulnerabilities when displaying user-generated content like titles and usernames.
Capabilities
- Connects to SSE streams
- Parses JSON data
- Updates DOM in real-time
- Applies client-side filters
- Visualizes data with charts
Use Cases
- Monitoring Wikipedia edits in real-time
- Visualizing global edit activity
- Learning about Wikipedia's editing patterns
- A simple, self-contained dashboard for live data feeds
Not Suitable For
- Server-side data processing
- Storing historical edit data
- Applications requiring complex backend logic
Tags
What's Inside
Open wiki-live.html in a web browserMore from Browser Extension
Browse categoryDiscover more Browser Extension listings in the marketplace.