microsim-vis-network

What problem does it solves? This Skill automates the creation of interactive educational simulations using the vis-network JavaScript library, simplifying the visualization of complex network structures for learning. It helps educators quickly generate tools to explain abstract concepts like graph theory, social networks, or system relationships, making them tangible and interactive.

Core Features & Use Cases

• Vis-Network Integration: Generates self-contained HTML/JavaScript MicroSims leveraging the vis-network library for dynamic and customizable network visualization.
• Educational Focus: Designed to create interactive experiences that transform abstract network concepts into manipulable visual models, fostering deeper understanding through exploration.
• Standardized Output: Produces a consistent folder structure including index.md, main.html, JavaScript, and metadata.json for easy deployment, integration into existing websites, or use within intelligent textbooks.
• Use Case: An instructor wants to demonstrate how different nodes in a social network connect or how data flows through a computer network. This Skill can generate a custom vis-network simulation, allowing students to interact with the network, add/remove nodes, or change connection weights to observe real-time effects.

Quick Start

This skill is designed to be prompted to create a MicroSim. For example, you might prompt: "Create a vis-network MicroSim showing a small social network." The output will be a zip file containing the MicroSim's files. To install and test: cd /docs/sims unzip your-network-sim.zip mkdocs serve Then navigate to http://localhost:8000/microsims/sims/your-network-sim/