Rendered Messages - metric_rollouts_1.jsonl

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for app downloads in retail for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "App Downloads",
"value": "15,230",
"description": "Retail app downloads in June",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "download"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for customer satisfaction in healthcare for Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction",
"value": "89%",
"description": "Patient satisfaction score for Q3 2023",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a healthcare dashboard showing conversion rate during February.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "75%",
"description": "Patient conversion rate in February",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "user-check"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a hospitality dashboard showing conversion rate during last 30 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "15.2%",
"description": "Conversion rate over the last 30 days",
"trend": {
"value": 1.8,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for error rate in our insurance analytics for August.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Error Rate",
"value": "2.4%",
"description": "Error rate in insurance analytics for August",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "exclamation-triangle"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a media dashboard showing session duration during this quarter.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Session Duration",
"value": "3m 45s",
"description": "Average session duration this quarter",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "clock",
"className": "session-duration-card"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a media dashboard showing active users during Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users (Q3 2023)",
"value": "1,250,000",
"description": "Number of active users during Q3 2023",
"trend": {
"value": 4.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays customer acquisition cost for our finance platform for January.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Acquisition Cost",
"value": "$1,250",
"description": "January",
"trend": {
"value": -5.0,
"isPositive": false
},
"icon": "credit-card"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a real estate dashboard showing retention rate during Q2 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Retention Rate Q2 2023",
"value": "85.4%",
"description": "Customer retention during Q2 2023",
"trend": {
"value": 1.2,
"isPositive": true
},
"icon": "repeat"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing active users statistics for our social media business for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users (Last 7 Days)",
"value": "8,432",
"description": "Number of active users this week",
"trend": {
"value": 5.3,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a real estate dashboard showing click-through rate during January.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Click-Through Rate",
"value": "2.5%",
"description": "January 2024",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "chart-line"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a hospitality dashboard showing average order value during September.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Average Order Value",
"value": "$85.40",
"description": "Average order value for September",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "chart-line"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for bounce rate in e-commerce for December.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Bounce Rate",
"value": "45.3%",
"description": "Bounce rate for December",
"trend": {
"value": -2.1,
"isPositive": false
},
"icon": "trending-down"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing employee productivity statistics for our hospitality business for April.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Employee Productivity",
"value": "87%",
"description": "Average task completion rate for April",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing customer acquisition cost statistics for our energy business for September.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Acquisition Cost",
"value": "$1,250",
"description": "Average cost per new customer in September",
"trend": {
"value": -8.2,
"isPositive": false
},
"icon": "dollar",
"className": "acquisition-cost-september"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for net promoter score in our telecommunications analytics for November.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Net Promoter Score",
"value": "45",
"description": "Customer satisfaction for November",
"trend": {
"value": 2.5,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for active users in our technology analytics for this year.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users",
"value": "150,000",
"description": "Active users this year",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for engagement rate in our e-commerce analytics for this quarter.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "3.2%",
"description": "Customer engagement this quarter",
"trend": {
"value": -0.5,
"isPositive": false
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for active users in our real estate analytics for Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users",
"value": "5,432",
"description": "Active users in Q3 2023",
"trend": {
"value": 8.3,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a insurance dashboard showing engagement rate during this month.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "45.3%",
"description": "User engagement this month",
"trend": {
"value": 2.1,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays market share for our e-commerce platform for August.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Market Share",
"value": "25.4%",
"description": "E-commerce platform for August",
"trend": {
"value": 1.2,
"isPositive": true
},
"icon": "pie-chart"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing inventory turnover statistics for our transportation business for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Inventory Turnover (Last 7 Days)",
"value": "3.2",
"description": "Average number of times inventory was sold and replaced over the last week",
"trend": {
"value": 5.0,
"isPositive": true
},
"icon": "truck"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a energy dashboard showing operational costs during last 24 hours.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Operational Costs (Last 24h)",
"value": "$3,450",
"description": "Energy operational expenses over the past 24 hours",
"trend": {
"value": -2.3,
"isPositive": false
},
"icon": "tool"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for operational costs in our hospitality analytics for July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Operational Costs",
"value": "$78,900",
"description": "Operational costs for July",
"trend": {
"value": -3.2,
"isPositive": false
},
"icon": "expenses"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a retail dashboard showing customer satisfaction during February.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction - February",
"value": "85%",
"description": "Customer satisfaction score for February",
"trend": {
"value": 2.5,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays conversion rate for our technology platform for October.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "4.8%",
"description": "Conversion rate for October",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "charts"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for inventory turnover in transportation for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Inventory Turnover",
"value": "5.2",
"description": "Transportation inventory turnover for June",
"trend": {
"value": 3.1,
"isPositive": true
},
"icon": "truck"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for customer satisfaction in healthcare for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction",
"value": "85%",
"description": "Patient satisfaction score for June",
"trend": {
"value": 2.0,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing churn rate statistics for our social media business for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Churn Rate",
"value": "5.2%",
"description": "Customer churn rate for June",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "refresh"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a media dashboard showing engagement rate during March.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "5.8%",
"description": "Engagement rate for March",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "graph-line",
"className": "engagement-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for market share in marketing for December.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Market Share - December",
"value": "25.6%",
"description": "Market share for December",
"trend": {
"value": 1.2,
"isPositive": true
},
"icon": "bar-chart"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for active users in retail for this month.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users",
"value": "8,450",
"description": "Number of active retail users this month",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for active users in our insurance analytics for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users (Last 7 Days)",
"value": "8,432",
"description": "Number of users active in the past week",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for employee productivity in agriculture for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Employee Productivity (Last 7 Days)",
"value": "85%",
"description": "Average productivity of employees in agriculture over the past week",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "plant"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a technology dashboard showing click-through rate during Q1 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Click-Through Rate",
"value": "4.2%",
"description": "Q1 2023 performance",
"trend": {
"value": 0.5,
"isPositive": true
},
"icon": "click",
"className": "ctr-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a real estate dashboard showing subscription renewals during last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Subscription Renewals",
"value": "45",
"description": "Renewals in the last 7 days",
"trend": {
"value": 5.3,
"isPositive": true
},
"icon": "repeat"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays user growth for our e-commerce platform for year-to-date.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "User Growth",
"value": "3,250",
"description": "Year-to-date new users",
"trend": {
"value": 8.4,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for session duration in our transportation analytics for this year.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Session Duration",
"value": "35 mins",
"description": "Average session duration this year",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "clock"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing uptime percentage statistics for our retail business for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime Percentage",
"value": "99.95%",
"description": "Retail business uptime for June",
"trend": {
"value": 0.05,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing delivery time statistics for our transportation business for Q1 2024.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Average Delivery Time",
"value": "3.4 days",
"description": "Average delivery time in Q1 2024",
"trend": {
"value": -0.2,
"isPositive": false
},
"icon": "clock",
"className": "delivery-time-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for app downloads in our media analytics for Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "App Downloads",
"value": "1,234,567",
"description": "Q3 2023 total downloads",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "download"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing churn rate statistics for our media business for April.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Churn Rate",
"value": "5.2%",
"description": "Churn rate for April",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "trending-down"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for subscription renewals in our real estate analytics for September.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Subscription Renewals",
"value": "1,250",
"description": "Renewals for September",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "refresh",
"className": "subscription-renewals"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for sales growth in insurance for March.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Sales Growth - March",
"value": "15%",
"description": "Increase in insurance sales for March",
"trend": {
"value": 15,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for operational costs in education for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Operational Costs (June)",
"value": "$1,250,000",
"description": "Operational expenses for June in the education sector",
"trend": {
"value": -2.3,
"isPositive": false
},
"icon": "expenses",
"className": "operational-costs-june"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for customer support tickets in our technology analytics for this year.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Support Tickets",
"value": "1,245",
"description": "Customer support tickets received this year",
"trend": {
"value": 5.2,
"isPositive": false
},
"icon": "tickets"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for net promoter score in retail for April.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Net Promoter Score",
"value": "45",
"description": "Customer satisfaction indicator for April",
"trend": {
"value": 2.0,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for customer acquisition cost in agriculture for this quarter.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Acquisition Cost",
"value": "$45,000",
"description": "Cost to acquire a new customer in agriculture this quarter",
"trend": {
"value": -5.2,
"isPositive": false
},
"icon": "wallet",
"className": "agriculture-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays retention rate for our transportation platform for Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Retention Rate",
"value": "78.4%",
"description": "Customer retention for Q3 2023",
"trend": {
"value": -2.1,
"isPositive": false
},
"icon": "refresh"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays app downloads for our technology platform for Q4 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "App Downloads",
"value": "1,250,000",
"description": "Downloads in Q4 2023",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "download"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing engagement rate statistics for our transportation business for Q2 2024.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate Q2 2024",
"value": "45.3%",
"description": "Customer engagement rate for transportation services in Q2 2024",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for uptime percentage in our entertainment analytics for December.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime Percentage",
"value": "99.95%",
"description": "Uptime for December",
"trend": {
"value": 0.05,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for error rate in social media for March.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Error Rate",
"value": "2.3%",
"description": "Error rate for social media in March",
"trend": {
"value": -0.5,
"isPositive": false
},
"icon": "error"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays uptime percentage for our manufacturing platform for April.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime (April)",
"value": "99.8%",
"description": "Platform uptime for April",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays customer acquisition cost for our education platform for October.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Acquisition Cost",
"value": "$1,250",
"description": "Cost per new student in October",
"trend": {
"value": -5.2,
"isPositive": false
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for customer satisfaction in our media analytics for May.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction",
"value": "85%",
"description": "Customer satisfaction score for May",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "smile",
"className": "satisfaction-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for uptime percentage in our education analytics for December.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime Percentage",
"value": "99.8%",
"description": "Uptime for December",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays conversion rate for our energy platform for July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "5.2%",
"description": "Conversion rate for July",
"trend": {
"value": 0.8,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for average order value in our energy analytics for May.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Average Order Value",
"value": "$75.50",
"description": "Average order value for energy sales in May",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for app downloads in insurance for Q1 2024.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "App Downloads",
"value": "1,245",
"description": "Insurance app downloads in Q1 2024",
"trend": {
"value": 8.7,
"isPositive": true
},
"icon": "download"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing return on investment statistics for our media business for Q2 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Return on Investment (ROI) Q2 2023",
"value": "125%",
"description": "ROI for media business in Q2 2023",
"trend": {
"value": 8.4,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays customer acquisition cost for our hospitality platform for Q1 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Acquisition Cost",
"value": "$45.67",
"description": "Q1 2023 average cost per customer",
"trend": {
"value": 3.2,
"isPositive": false
},
"icon": "money-bill"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing conversion rate statistics for our e-commerce business for year-to-date.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "3.75%",
"description": "Year-to-date conversion rate for e-commerce",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a marketing dashboard showing website traffic during last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Website Traffic (Last 7 Days)",
"value": "12,345",
"description": "Total visits over the past week",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "globe",
"className": "website-traffic-card"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for error rate in our technology analytics for November.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Error Rate",
"value": "2.3%",
"description": "Error rate for November",
"trend": {
"value": -0.5,
"isPositive": false
},
"icon": "exclamation-triangle"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a manufacturing dashboard showing user growth during July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "User Growth",
"value": "1,250",
"description": "User registrations in July",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for market share in our marketing analytics for May.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Market Share (May)",
"value": "25.4%",
"description": "Market share in May",
"trend": {
"value": 1.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for website traffic in our manufacturing analytics for January.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Website Traffic",
"value": "15,230",
"description": "January Visitors",
"trend": {
"value": 8.4,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing churn rate statistics for our technology business for this year.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Churn Rate",
"value": "8.2%",
"description": "Customer churn rate for 2023",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "trending-down"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for average order value in technology for December.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Average Order Value",
"value": "$1,250",
"description": "Average order value in December",
"trend": {
"value": 3.2,
"isPositive": true
},
"icon": "dollar",
"className": "tech-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing revenue statistics for our transportation business for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Revenue (Last 7 Days)",
"value": "$8,750",
"description": "Transportation revenue over the past week",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a hospitality dashboard showing session duration during February.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Session Duration",
"value": "3m 45s",
"description": "Average session duration in February",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "clock"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a manufacturing dashboard showing uptime percentage during May.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime Percentage (May)",
"value": "99.2%",
"description": "Production uptime during May",
"trend": {
"value": 0.5,
"isPositive": true
},
"icon": "clock"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for customer lifetime value in our media analytics for July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Lifetime Value",
"value": "$8,750",
"description": "Average LTV for July",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing retention rate statistics for our retail business for June.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Retention Rate",
"value": "85.4%",
"description": "Customer retention for June",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays retention rate for our insurance platform for Q1 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Retention Rate (Q1 2023)",
"value": "85.4%",
"description": "Customer retention rate for Q1 2023",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "trend-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for user growth in finance for February.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "User Growth",
"value": "1,250",
"description": "Number of new users in February",
"trend": {
"value": 8.4,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a healthcare dashboard showing click-through rate during July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Click-Through Rate (July)",
"value": "3.5%",
"description": "Patient engagement in July",
"trend": {
"value": 0.2,
"isPositive": true
},
"icon": "click"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for customer support tickets in transportation for year-to-date.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Support Tickets",
"value": "1,234",
"description": "Customer support tickets YTD in transportation",
"trend": {
"value": 5.8,
"isPositive": false
},
"icon": "support",
"className": "support-tickets-metric"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for uptime percentage in insurance for this month.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Uptime Percentage",
"value": "99.98%",
"description": "Insurance system availability for this month",
"trend": {
"value": 0.02,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing customer satisfaction statistics for our technology business for November.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction (November)",
"value": "92%",
"description": "Percentage of satisfied customers this month",
"trend": {
"value": 1.5,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for bounce rate in our energy analytics for July.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Bounce Rate",
"value": "45.3%",
"description": "Customer bounce rate in July",
"trend": {
"value": -2.1,
"isPositive": false
},
"icon": "trending-down"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for churn rate in marketing for year-to-date.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Churn Rate (YTD)",
"value": "8.2%",
"description": "Customer churn rate for the year-to-date",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "trending-down"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a telecommunications dashboard showing operational costs during last 24 hours.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Operational Costs (Last 24h)",
"value": "$3,250",
"description": "Total operational costs in the past 24 hours",
"trend": {
"value": -5.2,
"isPositive": false
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing engagement rate statistics for our social media business for August.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "4.8%",
"description": "Average engagement rate for August",
"trend": {
"value": 0.5,
"isPositive": true
},
"icon": "trend-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for engagement rate in our hospitality analytics for Q4 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "75%",
"description": "Customer engagement in Q4 2023",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays customer satisfaction for our real estate platform for August.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction (August)",
"value": "92%",
"description": "Average satisfaction score for August",
"trend": {
"value": 1.8,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for engagement rate in our entertainment analytics for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Engagement Rate",
"value": "5.2%",
"description": "Last 7 days engagement",
"trend": {
"value": 1.3,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays revenue for our insurance platform for February.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Revenue",
"value": "$45,300",
"description": "Revenue for February",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for revenue in our e-commerce analytics for October.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Revenue",
"value": "$78,540",
"description": "October total revenue",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "dollar"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a hospitality dashboard showing customer satisfaction during last 24 hours.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Customer Satisfaction",
"value": "85%",
"description": "Satisfaction score in the last 24 hours",
"trend": {
"value": 2.0,
"isPositive": true
},
"icon": "smile"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a real estate dashboard showing return on investment during this quarter.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Return on Investment",
"value": "8.75%",
"description": "ROI for the current quarter",
"trend": {
"value": 1.2,
"isPositive": true
},
"icon": "trending-up"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Generate a JSON output for a telecommunications dashboard showing conversion rate during Q3 2023.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Conversion Rate",
"value": "3.8%",
"description": "Customer conversion rate during Q3 2023",
"trend": {
"value": 0.5,
"isPositive": true
},
"icon": "percentage"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for active users in transportation for last 7 days.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users",
"value": "3,450",
"description": "Active users in transportation (Last 7 days)",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Design a metric component that displays page views for our finance platform for November.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Page Views",
"value": "125,000",
"description": "Page views for November",
"trend": {
"value": 8.2,
"isPositive": true
},
"icon": "eye"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing retention rate statistics for our healthcare business for November.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Retention Rate",
"value": "86%",
"description": "Retention rate for November",
"trend": {
"value": 2.3,
"isPositive": true
},
"icon": "heartbeat"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Create a metric card for delivery time in agriculture for October.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Delivery Time",
"value": "5.2 days",
"description": "Average delivery time in October",
"trend": {
"value": -0.3,
"isPositive": false
},
"icon": "truck"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

I need a metric card showing active users statistics for our healthcare business for October.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Active Users",
"value": "1,254",
"description": "Active users in October",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "users"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>

Provide a metric card JSON for session duration in our retail analytics for April.<|eot_id|><|start_header_id|>assistant<|end_header_id|>

{
"componentType": "metricCard",
"props": {
"title": "Average Session Duration",
"value": "3m 45s",
"description": "Average session duration in April",
"trend": {
"value": 5.2,
"isPositive": true
},
"icon": "clock"
}
}<|eot_id|>

<|begin_of_text|><|start_header_id|>system<|end_header_id|>

You are an AI specialized in generating JSON data for a MetricCard React component.

Your task is to create a JSON object following this structure:

{
  "componentType": "metricCard",
  "props": {
    "title": "Revenue",
    "value": "$12,345",
    "description": "Total revenue this month",
    "trend": {
      "value": 12.5,
      "isPositive": true
    },
    "icon": "dollar"
  }
}

Required properties:
- componentType: Must be exactly "metricCard"
- props.title: The metric name/label
- props.value: The metric value (formatted appropriately)

Optional properties:
- props.description: Additional context about the metric
- props.trend: An object with 'value' (percentage) and 'isPositive' (boolean)
- props.icon: Name of the icon (e.g., "dollar", "users", "trending-up")
- props.className: CSS class name for custom styling

IMPORTANT:
1. Ensure the generated JSON is valid
2. Format numeric values appropriately (add commas, currency symbols, or percentage signs as needed)
3. Use appropriate icons based on the metric type
4. Make sure trend values and descriptions are realistic

You will receive a query describing what kind of metric is needed. Generate the appropriate JSON response.<|eot_id|><|start_header_id|>user<|end_header_id|>