microsim-vis-network

Create educational network visualizations using vis-network, a JavaScript library for rendering interactive graph structures. This Skill scaffolds a self-contained MicroSim with HTML, JavaScript, and metadata files that embed directly in documentation or learning platforms.

Yes. Each MicroSim generates a main.html file that embeds via iframe in MkDocs, websites, or documentation. The folder-based architecture under /docs/sims keeps simulations organized and reusable across courses and materials.

Educational simulations built with this Skill follow a standardized folder structure: index.md for documentation, main.html for rendering, a JavaScript file for interactivity, and metadata.json for configuration. This deterministic pattern ensures consistency and prompt-compatible code generation.

Specify your subject area, grade level, learning objectives, duration, prerequisites, and assessment opportunities when scaffolding a new MicroSim. The Skill generates the required files and structure, which you customize with vis-network configurations for interactive network exploration.

The Skill provides a repeatable scaffold and instructions that reduce setup friction. You customize the generated JavaScript and HTML files for your concept, but familiarity with JavaScript and HTML is helpful for advanced interactivity beyond the template.