Introduction
# Dash Cog - Interactive Dashboards & Apps Powered by CellCog
Build interactive dashboards, data visualizations, and web apps with AI.
---
## Prerequisites
This skill requires the `cellcog` skill for SDK setup and API calls.
```bash clawhub install cellcog ```
**Read the cellcog skill first** for SDK setup. This skill shows you what's possible.
**Quick pattern (v1.0+):** ```python # Fire-and-forget - returns immediately result = client.create_chat( prompt="[your dashboard/app request]", notify_session_key="agent:main:main", task_label="dashboard-task", chat_mode="agent" # Agent mode handles most dashboards well ) # Daemon notifies you when complete - do NOT poll ```
---
## What You Can Build
### Analytics Dashboards
Interactive dashboards for data analysis:
- **Sales Dashboard**: "Create an interactive sales analytics dashboard with revenue trends, top products, regional breakdown, and monthly comparisons" - **Marketing Dashboard**: "Build a marketing performance dashboard showing campaign ROI, channel attribution, and conversion funnels" - **Financial Dashboard**: "Create a financial overview dashboard with P&L, cash flow, and key financial ratios" - **HR Dashboard**: "Build an employee analytics dashboard with headcount trends, attrition, and department breakdowns"
### KPI Trackers
Monitor key performance indicators:
- **Business KPIs**: "Create a KPI tracker showing MRR, churn rate, CAC, LTV, and growth metrics" - **Project KPIs**: "Build a project health dashboard with timeline, budget, resource allocation, and risk indicators" - **SaaS Metrics**: "Create a SaaS metrics dashboard with activation, retention, and expansion revenue"
### Data Visualizations
Interactive charts and graphs:
- **Time Series**: "Visualize stock price history with interactive zoom and technical indicators" - **Comparisons**: "Create an interactive bar chart comparing market share across competitors" - **Geographic**: "Build a map visualization showing sales by region with drill-down" - **Hierarchical**: "Create a treemap showing budget allocation across departments" - **Network**: "Visualize relationship data as an interactive network graph"
### Data Explorers
Tools for exploring datasets:
- **Dataset Explorer**: "Create an interactive explorer for this CSV data with filtering, sorting, and charts" - **Survey Results**: "Build an interactive tool to explore survey responses with cross-tabulation" - **Log Analyzer**: "Create a log exploration tool with search, filtering, and pattern detection"
### Interactive Apps
Web applications beyond dashboards:
- **Calculators**: "Build an interactive ROI calculator with adjustable inputs and visual output" - **Configurators**: "Create a product configurator that shows pricing based on selected options" - **Quizzes**: "Build an interactive quiz app with scoring and result explanations" - **Timelines**: "Create an interactive timeline of company milestones"
### Games
Simple web-based games:
- **Puzzle Games**: "Create a word puzzle game like Wordle" - **Memory Games**: "Build a memory matching card game" - **Trivia**: "Create a trivia game about [topic] with scoring" - **Arcade Style**: "Build a simple space invaders style game"
---
## Dashboard Features
CellCog dashboards can include:
| Feature | Description | |---------|-------------| | **Interactive Charts** | Line, bar, pie, scatter, area, heatmaps, treemaps, and more | | **Filters** | Date ranges, dropdowns, search, multi-select | | **KPI Cards** | Key metrics with trends and comparisons | | **Data Tables** | Sortable, searchable, paginated tables | | **Drill-Down** | Click to explore deeper levels of data | | **Responsive Design** | Works on desktop, tablet, and mobile | | **Dark/Light Themes** | Automatic theme support |
---
## Data Sources
You can provide data via:
1. **Inline data in prompt**: Small datasets described directly 2. **File upload**: CSV, JSON, Excel files via SHOW_FILE 3. **Sample/mock data**: "Generate realistic sample data for a SaaS company"
---
## Chat Mode for Dashboards
Choose based on complexity:
| Scenario | Recommended Mode | |----------|------------------| | Standard dashboards, KPI trackers, data visualizations, charts | `"agent"` | | Complex interactive apps, games, novel data explorers | `"agent team"` |
**Default to `"agent"`** for most dashboard requests. CellCog's agent mode handles charts, tables, filters, and interactivity efficiently.
Reserve `"agent team"` for truly complex applications requiring significant design thinking—like building a novel game mechanic or a highly customized analytical tool with multiple interconnected features.
---
## Example Dashboard Prompts
**Sales analytics dashboard:** > "Create an interactive sales analytics dashboard with: > - KPI cards: Total Revenue, Orders, Average Order Value, Growth Rate > - Line chart: Monthly revenue trend (last 12 months) > - Bar chart: Revenue by product category > - Pie chart: Sales by region > - Data table: Top 10 products by revenue > > Include date range filter. Use this data: [upload CSV or describe data] > Modern, professional design with blue color scheme."
**Startup metrics dashboard:** > "Build a SaaS metrics dashboard for a startup showing: > - MRR and growth rate > - Customer acquisition funnel (visitors → signups → trials → paid) > - Churn rate trend > - LTV:CAC ratio > - Revenue by plan tier > > Generate realistic sample data for a B2B SaaS company growing from $10K to $100K MRR over 12 months."
**Interactive data explorer:** > "Create an interactive explorer for this employee dataset [upload CSV]. Include: > - Searchable, sortable data table > - Filters for department, location, tenure > - Charts: headcount by department, salary distribution, tenure histogram > - Summary statistics panel > > Allow users to download filtered data as CSV."
**Simple game:** > "Create a Wordle-style word guessing game. 5-letter words, 6 attempts, color feedback (green = correct position, yellow = wrong position, gray = not in word). Include keyboard, game statistics, and share results feature. Clean, modern design."
---
## Tips for Better Dashboards
1. **Prioritize key metrics**: Don't cram everything. Lead with the 3-5 most important KPIs.
2. **Describe the data**: What columns exist? What do they mean? What time period?
3. **Specify chart types**: "Line chart for trends, bar chart for comparisons, pie for composition."
4. **Include interactivity**: "Filter by date range", "Click to drill down", "Hover for details."
5. **Design direction**: "Modern minimal", "Corporate professional", "Playful and colorful", specific color schemes.
6. **Responsive needs**: "Desktop only" vs "Must work on mobile."