D3.js 数据可视化 - 生成交易图表、权益曲线、风险指标可视化
73
66%
Does it follow best practices?
Impact
78%
3.71xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./.trae/skills/quant-visualization/SKILL.mdEquity curve with drawdown visualization
D3 v7 CDN
0%
100%
Monotone interpolation
0%
100%
Drawdown area fill
10%
80%
PeakEquity reference
100%
100%
Profit color
0%
100%
Grid lines
0%
100%
Responsive viewBox
0%
100%
Interactive tooltip
55%
100%
Standard margins
0%
50%
Dark card background
0%
100%
Standard chart size
0%
42%
Standalone HTML output
100%
100%
Trade P&L distribution histogram
D3 v7 CDN
0%
100%
d3.histogram usage
0%
100%
50 thresholds
0%
0%
Domain [-500, 500]
0%
0%
Loss bar color
0%
100%
Profit bar color
0%
100%
Responsive viewBox
0%
100%
Interactive tooltip
87%
100%
Dark card background
0%
100%
Standalone HTML
100%
100%
Standard chart size
0%
0%
Standard margins
0%
33%
Multi-strategy radar comparison dashboard
D3 v7 CDN
0%
100%
lineRadial usage
0%
100%
curveLinearClosed
0%
100%
schemeCategory10 colors
0%
0%
Fill opacity 0.3
0%
0%
Standard radar metrics
100%
100%
CSS Grid layout
50%
100%
Dark card background
0%
100%
Responsive viewBox
0%
100%
Stroke width 2
100%
100%
Chart title styling
42%
0%
Standalone HTML
100%
100%
3069d33
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.