InsurgoPCF

📊 InsurgoCharts (PCF Component)

InsurgoCharts is a PowerApps Component Framework (PCF) control designed to render dynamic charts in model-driven apps. It supports multiple chart types and data sources, making it ideal for visualizing business data with minimal configuration.

Samples demo:

🚀 Features

• Supports five chart types: line, bar, area, scatter, pie
• Accepts data from either fetchxml or sql mode
• Fully configurable via string attributes
• Lightweight and responsive rendering
• Easy integration with model-driven forms

---

🧩 Dataverse Environment Variables

Name	Sample String
TDS Endpoint Connection String	Server=yourcrmurl.crm5.dynamics.com;Database=temmydev1;Encrypt=True;TrustServerCertificate=False;Persist Security Info=False
TDS Endpoint Token	{"ClientId":"client-id","ClientSecret":"yourclientsecret","Resource":"https://yourcrmurl.crm5.dynamics.com","TenantId":"tenant-id"}

🧩 Required String Attributes

Attribute	Description
title	Chart title displayed above the visualization
select	Data query string (either FetchXML or SQL depending on mode)
mode	Data source mode: "fetchxml" or "sql"
charttype	Type of chart: "line", "bar", "area", "scatter", or "pie"
color	e.g. red, green, etc.

---

📦 Installation

1. Clone the repository:

   git clone https://github.com/temmyraharjo/InsurgoPCF.git
   cd InsurgoPCF
   

2. Install dependencies:

   npm install
   

3. Build the component:

   npm run build
   

---

▶️ Demo

---

📺 Demo PCF InsurgoChart
This video showcases how the InsurgoCharts PCF component renders visualizations using FetchXML and SQL queries. It's a great reference for understanding setup, configuration, and output behavior.

🙌 Contributing

---

Pull requests are welcome! For major changes, please open an issue first to discuss what you'd like to modify.