skills.rest
zilizhou
zilizhouCOMMUNITY
Explore all skills by this author →
GitHub

student-knowledge-graph

Merge course knowledge graph triples with student mastery data into interactive HTML visualizations.

1|Updated Apr 13, 2026
Search Tags:#education#html#analytics#d3#knowledge-graph#data-visualization#student-mastery
One-click install
npx skills add https://github.com/zilizhou/edu-report-platform --skill student-knowledge-graph
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: student-knowledge-graph
Source: https://github.com/zilizhou/edu-report-platform/tree/main/skills/humanities-skills/skill-stuPic
Command: npx skills add https://github.com/zilizhou/edu-report-platform --skill student-knowledge-graph

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill generates an interactive knowledge portrait for a given student by merging course knowledge graph triples with the student's mastery data, producing a browser-ready HTML visualization that helps educators quickly identify strengths and gaps.

Core Features & Use Cases

  • Data fusion: merges knowledge_graph_triples with student_summary_profile to build a connected knowledge network.
  • Interactive visualization: standalone HTML with D3.js-powered force-directed graph, where node colors reflect mastery level and edges represent relationships.
  • Use Case: teachers can diagnose individual learning profiles, tailor remediation plans, and monitor progress across exams or cohorts.

Quick Start

Provide the student identifier and data file paths to generate a self-contained HTML knowledge portrait for that student.

Frequently Asked Questions about student-knowledge-graph

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an interactive knowledge graph visualization for student mastery data?▼

Generate interactive knowledge graphs by merging course knowledge graph triples with student mastery data to create a standalone HTML file featuring a D3.js force-directed visualization for browser-based analysis.

Can I visualize individual student learning profiles using a force-directed graph in HTML?▼

Visualize individual student learning profiles by mapping mastery levels to node colors and relationships to edges, producing a self-contained HTML file viewable directly in any standard web browser.

What is the best way to diagnose knowledge gaps for targeted remediation across a class?▼

Diagnose knowledge gaps for targeted remediation by merging class-wide mastery data with knowledge graph triples, generating interactive HTML visualizations that highlight individual strengths and weaknesses.

Do I need any external libraries or dependencies to view the student knowledge portrait?▼

No external dependencies are required to view the student knowledge portrait; the D3.js visualization is embedded directly within a portable, self-contained HTML file that opens in any browser.

How does data fusion work when building a student knowledge portrait from triples?▼

Data fusion works by merging knowledge graph triples with a student summary profile, mapping mastery data to graph nodes and relationship data to edges to construct a connected knowledge network.

Are there limitations to using a standalone HTML file for student knowledge graph visualization?▼

The standalone HTML file limitation means the visualization is a static export; it does not support live data updates or backend database connections without regenerating the HTML file from updated source data.

Related Skills

Explore More Education & Research Skills→
zilizhouzilizhou
1

exam-kp-analysis

Generate an HTML exam analysis report from scores and knowledge-point data.

Community
Advanced
u9401066u9401066
1

past-exam-analyzer

Analyze past medical exam data to compute topic frequencies and difficulty trends.

Community
Advanced
silaslopes100silaslopes100

reversa-especialista-d3

Generate standalone HTML files with interactive D3.js v7 visualizations.

Community
Advanced
HuuBarHuuBar

microsim-vis-network

Generate browser-based educational MicroSims with vis-network for interactive graph learning.

Community
Intermediate