plotly-html-recommended-for-reports
정보
이 스킬은 Plotly 차트를 독립형 HTML 파일로 생성하며, 보고서에 삽입하기에 최적화되어 있습니다. CDN에서 호스팅되는 Plotly.js를 사용하여 파일 크기를 줄였으며, 정적 이미지 내보내기(PNG, PDF, SVG)와 JSON 출력 옵션을 포함합니다. 오프라인 상태의 브라우저에서 작동하는 대화형 시각화 자료를 공유해야 할 때 사용하세요.
빠른 설치
Claude Code
추천npx skills add vamseeachanta/workspace-hub -a claude-code/plugin add https://github.com/vamseeachanta/workspace-hubgit clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/plotly-html-recommended-for-reportsClaude Code에서 이 명령을 복사하여 붙여넣어 스킬을 설치하세요
GitHub 저장소
연관 스킬
d3js
기타이 스킬은 개발자들이 D3.js를 사용하여 완전히 사용자 정의된 인터랙티브 데이터 시각화를 만들 수 있게 해주며, SVG 요소와 데이터 바인딩에 대한 완전한 제어권을 제공합니다. 표준 라이브러리로는 구현할 수 없는 정교한 전환 효과와 상호작용을 갖춘 독특하고 복잡한 차트를 구축하는 데 이상적입니다. 단순한 사전 스타일링된 차트가 아닌 맞춤형 데이터 기반 시각화가 필요할 때 사용하세요.
plotly-with-pandas
기타이 스킬은 데이터프레임에서 간소화된 데이터 시각화를 위해 Pandas와 Plotly 통합을 제공합니다. CSV 데이터에서 직접 플롯을 생성할 수 있으며, 수학적 시각화를 위한 NumPy 호환성을 포함합니다. 대화형 차트가 필요한 Jupyter 환경에서 표 형식 데이터를 작업할 때 사용하세요.
highcharts-theming
기타이 스킬은 개발자가 Highcharts 시각화에 맞춤형 시각 테마를 적용할 수 있게 해줍니다. `Highcharts.setOptions()`를 사용하여 색상, 배경, 글꼴 및 기타 스타일링 옵션을 전역적으로 구성하는 참조 코드를 제공합니다. 애플리케이션 내 여러 차트에서 일관된 브랜딩이나 스타일링을 유지해야 할 때 이 스킬을 사용하세요.
highcharts
기타이 스킬은 개발자들이 Highcharts를 사용하여 주식 차트 및 지도와 같은 전문적인 시각화를 포함한 엔터프라이즈급 인터랙티브 차트를 생성할 수 있게 합니다. 프로덕션 애플리케이션을 위한 내보내기 기능을 갖춘 전문적 품질의 접근성 있는 차트를 제공합니다. 고급 금융 또는 엔터프라이즈 기능을 갖춘 세련되고 WCAG를 준수하는 데이터 시각화가 필요할 때 사용하십시오.