highcharts-theming

vamseeachanta

업데이트됨 Yesterday

1 조회

기타data

정보

이 스킬은 개발자가 Highcharts 시각화에 맞춤형 시각 테마를 적용할 수 있게 해줍니다. `Highcharts.setOptions()`를 사용하여 색상, 배경, 글꼴 및 기타 스타일링 옵션을 전역적으로 구성하는 참조 코드를 제공합니다. 애플리케이션 내 여러 차트에서 일관된 브랜딩이나 스타일링을 유지해야 할 때 이 스킬을 사용하세요.

빠른 설치

Claude Code

GitHub 저장소

vamseeachanta/workspace-hub

경로: .claude/skills/data/visualization/highcharts/theming

연관 스킬

d3js

기타

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

스킬 보기

plotly-vertical-legends-avoid-toolbar-clash

기타

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

스킬 보기

plotly-with-pandas

기타

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

스킬 보기

highcharts-1-basic-line-chart

기타

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

스킬 보기