plotly-performance-tips

vamseeachanta

업데이트됨 2 days ago

1 조회

기타general

정보

이 스킬은 대규모 데이터셋이나 복잡한 차트를 다룰 때 특히 유용한 Plotly 시각화 성능 최적화 기법을 제공합니다. WebGL 렌더러 사용, 애니메이션 프레임 제한, 트레이스 단순화와 같은 전략을 권장하여 렌더링 속도를 개선합니다. 개발자는 인터랙티브 Plotly 대시보드나 정적 내보내기에서 성능 저하를 경험할 때 이러한 팁을 적용해야 합니다.

빠른 설치

Claude Code

GitHub 저장소

vamseeachanta/workspace-hub

경로: .claude/skills/data/visualization/plotly/performance-tips

연관 스킬

d3js

기타

이 스킬은 개발자들이 D3.js를 사용하여 완전히 사용자 정의된 인터랙티브 데이터 시각화를 만들 수 있게 해주며, SVG 요소와 데이터 바인딩에 대한 완전한 제어권을 제공합니다. 표준 라이브러리로는 구현할 수 없는 정교한 전환 효과와 상호작용을 갖춘 독특하고 복잡한 차트를 구축하는 데 이상적입니다. 단순한 사전 스타일링된 차트가 아닌 맞춤형 데이터 기반 시각화가 필요할 때 사용하세요.

스킬 보기

plotly-with-pandas

기타

이 스킬은 데이터프레임에서 간소화된 데이터 시각화를 위해 Pandas와 Plotly 통합을 제공합니다. CSV 데이터에서 직접 플롯을 생성할 수 있으며, 수학적 시각화를 위한 NumPy 호환성을 포함합니다. 대화형 차트가 필요한 Jupyter 환경에서 표 형식 데이터를 작업할 때 사용하세요.

스킬 보기

plotly-vertical-legends-avoid-toolbar-clash

기타

이 스킬은 범례를 수평 툴바와 겹치지 않도록 오른쪽에 세로로 배치하는 Plotly 레이아웃 구성을 제공합니다. 여기에는 범례에 충분한 공간을 보장하기 위한 특정 여백 조정과 간결한 스타일링이 포함됩니다. 또한 이 스킬은 다중 데이터셋 플롯에서 범례 항목을 논리적으로 그룹화하기 위한 트레이스 순서 지정 전략을 권장합니다.

스킬 보기

highcharts-1-basic-line-chart

기타

이 Claude 기술은 최소한의 설정으로 기본 라인 차트를 생성할 수 있는 바로 사용 가능한 Highcharts 구현을 제공합니다. 개발자가 직접 복사하고 수정할 수 있는 구성 가능한 데이터 시리즈, 축, 레이블이 포함된 완전한 HTML 템플릿을 포함하고 있습니다. 웹 애플리케이션에서 간단한 시계열 또는 범주형 데이터 시각화를 빠르게 생성하거나 설명해야 할 때 이 기술을 사용하세요.

스킬 보기