plotly-with-pandas

这个Skill让开发者能够使用D3.js创建完全自定义的交互式数据可视化，适用于需要精细控制SVG元素和复杂动画的场景。它特别适合构建标准图表库无法实现的独特可视化效果，并提供完整的数据绑定和DOM操作能力。当项目需要高度定制化的交互图表而非快速简单的标准图表时，这是理想选择。

这个Skill解决了Plotly图表中顶部水平图例与工具栏冲突的问题，通过将图例垂直放置在右侧来优化布局。它提供了具体的代码配置，包括边距调整和紧凑的垂直间距设置，确保图例与交互工具不重叠。特别适用于多求解器对比等复杂图表场景，通过"标题优先"的轨迹排序方式，使图例分组更清晰易用。

这是一个用于创建基础折线图的Highcharts子技能，提供了完整的HTML实现模板。开发者可以直接复制代码快速生成带有标题、坐标轴和单数据系列的可视化图表。适用于需要在网页中嵌入简单销售趋势或数据变化展示的场景。

这个Skill为Chart.js图表提供了缩放和平移功能，让用户可以交互式地探索数据细节。它支持通过鼠标滚轮、拖拽和手势进行缩放操作，特别适合处理大型数据集或需要详细查看特定数据范围的场景。开发者只需安装并注册插件，即可在图表选项中配置缩放行为。