# Chart Mockup Generator

> Create professional chart mockups with bar and line charts, customizable datasets, and realistic styling for presentations and documentation.

The Chart Mockup Generator is a powerful tool for creating realistic chart mockups that accurately represent data visualization. Perfect for presentations, reports, documentation, and marketing materials that require professional-looking charts.

## Features

### Chart Types
- **Bar Charts**: Vertical bar charts with customizable styling
- **Line Charts**: Line charts with data points and trend visualization
- **Customizable Data**: CSV-based dataset input with real-time parsing
- **Multiple Series**: Support for multiple data series with different colors

### Styling Options
- **Color Schemes**: Customizable accent and secondary colors
- **Background Presets**: Pre-built background gradients and themes
- **Grid Display**: Toggle grid lines for better readability
- **Legend Support**: Show/hide chart legends
- **Title & Subtitle**: Customizable chart titles and descriptions

### Data Management
- **CSV Import**: Paste CSV data directly into the generator

## Use Cases

### Business Presentations
- **Performance Reports**: Create charts for business performance metrics
- **Financial Data**: Visualize financial trends and comparisons
- **Marketing Analytics**: Display campaign performance and ROI data
- **Sales Reports**: Show sales trends and target achievements

### Documentation & Reports
- **Technical Documentation**: Create charts for technical specifications
- **Research Reports**: Visualize research findings and data analysis
- **User Guides**: Include charts in user documentation
- **Training Materials**: Create visual aids for training content

### Marketing & Sales
- **Client Presentations**: Showcase data to clients and prospects
- **Proposal Materials**: Include charts in business proposals
- **Case Studies**: Visualize success stories and results
- **Social Media**: Create chart content for social media posts

## Getting Started

1. **Select Chart Type**: Choose between bar or line chart
2. **Add Data**: Paste CSV data or use sample dataset
3. **Customize Styling**: Adjust colors, background, and layout
4. **Configure Display**: Toggle grid, legend, and other options
5. **Preview Chart**: Review the generated chart mockup
6. **Export Image**: Download the chart as a PNG image

## Best Practices

### Data Preparation
- **Clean Data**: Ensure CSV data is properly formatted
- **Clear Labels**: Use descriptive labels for axes and series
- **Appropriate Scale**: Choose data ranges that tell the story
- **Consistent Formatting**: Maintain consistent data formatting

## Sample Data Formats

### Basic Bar Chart Data
```csv
Month,Revenue
Jan,25000
Feb,28000
Mar,32000
Apr,36000
May,39000
```

### Multi-Series Line Chart Data
```csv
Month,Spend,Pipeline
Jan,25000,58000
Feb,28000,64000
Mar,32000,71000
Apr,36000,82000
May,39000,91000
```

### Performance Metrics Data
```csv
Metric,Target,Actual
Impressions,1000000,1200000
Clicks,50000,65000
Conversions,1000,1200
Revenue,50000,58000
```

The Chart Mockup Generator empowers teams to create professional, realistic chart mockups that enhance data visualization, improve presentation quality, and drive better understanding of business metrics and trends.