run2_d3-interactive-table
Improving interaction between D3 charts and HTML tables with selection events.
- License 许可
- MIT
- 最近更新
- 2026-10-02
- Stars
- ★ 93
- Forks
- 8
01 前言 Front Matter
- name
- run2_d3-interactive-table
- description
- Improving interaction between D3 charts and HTML tables with selection events.
03 SKILL.md 正文
Advanced Interaction Linking
Synchronize table and chart selection using a centralized state or event listener:
// Add event listener to rows
rows.on("mouseover", (event, d) => {
d3.select("#" + d.ticker).classed("hovered", true);
d3.selectAll("circle").filter(c => c.ticker === d.ticker).attr("stroke", "orange");
});
04 同仓库更多 Skills
object_counter
Count occurrences of an object in the image using computer vision algorithm.
travel-planning-workflow
Invoke this skill when performing travel planning. It defines a structured workflow for generating itineraries. Following this workflow is essential to ensure the final plan satisfies user requirements.
bundled-dataset-search-tool
invoke this skill when you need to perform database search for travel planning. This skill provides some useful pre-packaged tools to look up accommodations, attractions, cities, driving distance, flights, and restaurants from the bundled dataset.
glm-output
Output-processing guidance for GLM tasks. Especially useful after glm-basics and glm-calibration when you need verifier-matching metrics from output.nc and a final /root/metrics.json.
glm-calibration
Calibration guidance for GLM tasks. Often most effective after glm-basics has clarified the setup; glm-output is the companion skill for exact final metric computation.
glm-basics
A good starting point for GLM calibration tasks. Use to inspect glm3.nml, confirm how GLM runs, and identify the relevant files before moving on to calibration and output evaluation.