Generate realistic mock data for Azure portal prototypes — resource lists, subscription metadata, IAM role assignments, metrics, activity logs, tags, and status indicators. Use when the user needs fake/sample Azure data to populate tables, cards, lists, or detail panels in a prototype. Also triggers on "generate test data", "mock Azure resources", "sample data for my prototype", or "populate this with realistic data".
Generate realistic fake data for Azure portal UI prototypes. Produces typed TypeScript arrays/objects that can be directly imported into Coherence preview components.
mockData.ts) or inline the data in the componentrg-{project}-{env} (e.g., rg-contoso-prod, rg-webapp-dev){type}-{project}-{env}-{region} (e.g., app-contoso-prod-eastus){Company} {Purpose} (e.g., Contoso Production, Dev/Test)Environment:Production, CostCenter:Engineering, Owner:team-platformGenerate realistic-looking (but fake) Azure resource IDs:
// Subscription ID format
const subscriptionId = 'a1b2c3d4-e5f6-7890-abcd-ef1234567890';
// Resource ID format
const resourceId = `/subscriptions/${subscriptionId}/resourceGroups/rg-contoso-prod/providers/Microsoft.Web/sites/app-contoso-prod`;
Use real Azure region names:
| Display Name | Region Code |
|---|---|
| East US | eastus |
| East US 2 | eastus2 |
| West US 2 | westus2 |
| West US 3 | westus3 |
| Central US | centralus |
| West Europe | westeurope |
| North Europe | northeurope |
| Southeast Asia | southeastasia |
| UK South | uksouth |
| Japan East | japaneast |
Use ISO 8601 format. Generate dates within realistic ranges:
// Created dates: 1-18 months ago
// Last modified: 0-30 days ago
// Expiration: 30-365 days from now
Generate data as typed TypeScript:
interface AzureResource {
id: string;
name: string;
type: string;
resourceGroup: string;
location: string;
status: string;
tags: Record<string, string>;
}
export const resources: AzureResource[] = [
// ... items
];
Keep arrays to 5-8 items for prototypes — enough to look realistic without bloating the file.