plotly

vamseeachanta

Updated 2 days ago

7 views

Otherchartsplotlyscientific3dinteractivepythonjavascript

About

This skill enables developers to create interactive scientific and analytical charts using Plotly's libraries for JavaScript and Python. It's ideal for visualizing large datasets, 3D plots, and statistical charts with efficient WebGL rendering. Use it for seamless integration of interactive visualizations into data science workflows and web applications.

Quick Install

Claude Code

Recommended

Primary

npx skills add vamseeachanta/workspace-hub -a claude-code

Plugin CommandAlternative

/plugin add https://github.com/vamseeachanta/workspace-hub

Git CloneAlternative

git clone https://github.com/vamseeachanta/workspace-hub.git ~/.claude/skills/plotly

Copy and paste this command in Claude Code to install this skill

GitHub Repository

vamseeachanta/workspace-hub

Path: .claude/skills/data/visualization/plotly

Related Skills

d3js

Other

This skill enables developers to create fully customized, interactive data visualizations using D3.js, offering complete control over SVG elements and data binding. It's ideal for building unique, complex charts with sophisticated transitions and interactions that standard libraries can't achieve. Use it when you need bespoke, data-driven visualizations rather than simple, pre-styled charts.

View skill

plotly-javascript-cdn

Other

This skill provides the CDN script tag to embed Plotly.js directly into web projects for interactive data visualizations. It's ideal for developers needing quick client-side charting without build tools or npm dependencies. The skill also includes complementary installation commands for Python/R Plotly backends.

View skill

highcharts-theming

Other

This skill enables developers to apply custom visual themes to Highcharts visualizations. It provides reference code for globally configuring colors, backgrounds, fonts, and other styling options using `Highcharts.setOptions()`. Use this skill when you need to maintain consistent branding or styling across multiple charts in your application.

View skill

echarts-typescript-support

Other

This skill provides TypeScript type definitions and examples for using ECharts charts in TypeScript projects. It includes the `EChartsOption` type for type-safe chart configuration and demonstrates proper imports and initialization. Use this reference when building data visualizations with ECharts in TypeScript to get autocomplete and type checking.

View skill