القائمة
Visualize complex network structures using D3.js (v6), enabling users to explore relationships and connections between data points.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/legendtkl/agentic-skill-router --skill skill-107يبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
| name | skill-107 |
| description | Visualize complex network structures using D3.js (v6), enabling users to explore relationships and connections between data points. |
Use this skill to create visual representations of network structures such as social networks, data relationships, or any interconnected systems using D3.js. The goal is to provide users with a visual insight into how different nodes are connected.
Activate this skill when the user asks for any of the following:
If the user requires more traditional data visualizations (e.g., charts, graphs), don’t use this skill—opt for the D3.js Visualization Skill instead.
*.json or *.csv containing node and link dataIf details are missing, make reasonable defaults and document them in comments near the top of the output file.
Prefer producing all of the following when feasible:
dist/network.html — standalone HTML that renders the network visualizationdist/network.svg — exported SVG representation of the networkdist/network.json — if the task requires a data export of the network structureAlways keep outputs in a predictable folder (default: dist/), unless the task specifies paths.
To create effective network visualizations:
<!DOCTYPE html>
<html>
<head>
<title>Network Visualization</title>
<script src="https://d3js.org/d3.v6.min.js"></script>
<script src="dist/network.js"></script>
</head>
<body>
<h1>Network Graph</h1>
<div id="network"></div>
</body>
</html>
This example demonstrates how to set up a simple HTML file to visualize a network. The network.js file would contain the logic for creating nodes and links and handling interactivity.
استنادا إلى تصنيف SOC المهني
