Plotly

---
name: plotly
version: 1.0.0
description: Create interactive scientific and analytical charts with Plotly (JavaScript
  & Python)
type: reference
author: workspace-hub
category: data-visualization
tags:
- charts
- plotly
- scientific
- 3d
- interactive
- python
- javascript
platforms:
- web
- python
- r
capabilities: []
requires: []
scripts_exempt: true
---

# Plotly

## When to Use This Skill

Use Plotly when you need:
- **Scientific visualizations** - 3D plots, contours, heatmaps
- **Statistical charts** - Box plots, violin plots, histograms
- **Large datasets** - Efficient rendering of 100k+ points with WebGL
- **Python/R integration** - Seamless integration with data science workflows
- **Quick interactive plots** - High-level API with sensible defaults
- **Dashboards** - Interactive dashboards with Plotly Dash

**Avoid when:**
- Maximum customization needed (use D3.js)
- Extremely simple charts (use Chart.js)
- File size is critical concern

## Resources

- **Official Docs**: https://plotly.com/python/
- **JavaScript Docs**: https://plotly.com/javascript/
- **Dash Docs**: https://dash.plotly.com/
- **Gallery**: https://plotly.com/python/plotly-express/
- **GitHub**: https://github.com/plotly/plotly.py

## Sub-Skills

- [1. JavaScript Implementation (+1)](1-javascript-implementation/SKILL.md)
- [1. Use Plotly Express for Quick Plots (+4)](1-use-plotly-express-for-quick-plots/SKILL.md)
- [With Pandas (+2)](with-pandas/SKILL.md)

## Sub-Skills

- [Example 1: 3D Scatter Plot (+5)](example-1-3d-scatter-plot/SKILL.md)
- [Dashboard with Plotly Dash](dashboard-with-plotly-dash/SKILL.md)
- [Vertical Legends (Avoid Toolbar Clash) (+5)](vertical-legends-avoid-toolbar-clash/SKILL.md)
- [Basic Charts (+5)](basic-charts/SKILL.md)
- [JavaScript (CDN) (+2)](javascript-cdn/SKILL.md)
- [Performance Tips](performance-tips/SKILL.md)
- [HTML (Recommended for Reports) (+2)](html-recommended-for-reports/SKILL.md)
- [Built-in Templates (+1)](built-in-templates/SKILL.md)