Mermaid Surfing on Wikidata is a web-based tool to visualize relationships between Wikidata entities using Mermaid diagrams. This tool is hosted online at Vercel: Mermaid Surfing on Wikidata . You can try it live without any setup!
-
Interactive Graphs: Dynamically visualize relationships between Wikidata entities using Mermaid.
-
Entity Navigation: Explore related entities through clickable buttons.
-
Language Customization: Adjust label languages directly through a simple settings panel.
-
Editable Code View: Switch between graph visualization and Mermaid code editing.
- Select an Entity:
- Enter a Wikidata entity ID (e.g.,
Q11603425) in the input field and click "Move".
- Enter a Wikidata entity ID (e.g.,
- Explore Relationships:
- Click on related entities to explore their connections and properties.
- Adjust Label Languages:
- Open the settings panel to set preferred languages for labels.
- Edit Mermaid Code:
- Toggle to code view, edit the graph description, and re-render.
For exporting diagrams as PNG or other formats, use the Mermaid Live Editor. This tool focuses on real-time exploration and editing, with limited export functionality.
- Libraries:
mermaid.jsfor graph rendering.- Fetch API for retrieving Wikidata data.
- Dynamic Features:
- Auto-fetching and rendering of related entities and labels.
- Dropdown options update based on fetched data.
- A modern web browser with JavaScript enabled.
To run this project locally, follow these steps:
- Clone the Repository:
git clone https://github.com/cm3/mswikidata.git
cd mswikidata- Install Dependencies:
Make sure you have Node.js installed. Then run npm install.
- Build and Run the Project:
Start a development server with npm run dev.
- Build for Production (Optional):
To generate a production-ready build, run npm run build.
This project includes the following third-party code:
- GitHub Corners by Tim Holman
Licensed under the MIT License.
GitHub Corners is used to add a stylish corner link to this project's repository.