d3-stock-viz
Use this skill for D3.js (v6) force-directed bubble charts and linked data tables. Always use this when tasked with financial data visualization using D3.js.
- License 许可
- MIT
- 最近更新
- 2026-10-02
- Stars
- ★ 93
- Forks
- 8
01 前言 Front Matter
- name
- d3-stock-viz
- description
- Use this skill for D3.js (v6) force-directed bubble charts and linked data tables. Always use this when tasked with financial data visualization using D3.js.
03 SKILL.md 正文
D3.js Financial Visualization Skill
Force-Directed Bubble Chart Guidelines
- Simulation: Use
d3.forceSimulation()withforceX,forceY(center by sector), andforceCollide(radius + padding). - Sizing: Size bubbles by
marketCap. Used3.scaleSqrt()for mappingmarketCaptoradius. - Coloring: Map
sectorto a categorical color scale liked3.scaleOrdinal(d3.schemeCategory10). - Interaction: Add
mouseover/mouseoutevents for tooltips. Addclickevents to sync with the data table.
Linked Data Table Guidelines
- Columns: "Ticker symbol", "Full company name", "Sector", "Market cap" (formatted as "1.64T").
- Linking: Use a common data join or ID mapping to link table rows with bubble chart circles. Highlight both on
clickorhover.
Data Handling
- Loading: Use
d3.csv()withd3.autoType. - Filtering/Cleaning: Filter out ETF entries (missing
marketCap). Ensure numbers are properly parsed.
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.