Merge pull request pnp#130 from Samir-Daoudi/Charts4PowerApps

Chart 4 Power Apps

Author: Katerina-Chernevskaya

samples/charts-4-powerapps/README.md

@@ -0,0 +1,88 @@
+# Charts 4 PowerApps
+
+## Summary
+
+Chart4PowerApps is a versatile demo app offering a collection of ready-to-use chart components, enabling you to create professional, data-driven visuals effortlessly—without complex development.
+
+![screen1](./assets/Charts4PAPPS-1.png)
+
+![screen2](./assets/Charts4PAPPS-2.png)
+
+### **Key Benefits:**
+
+✔  **Diverse Chart Options**  – Bar, Line, Pie, Donut, Column, and more  
+✔  **Fully Customizable**  – Easily modify colors, labels, and layouts  
+✔  **Real-Time Data Support**  – Connect live data for dynamic updates  
+✔  **Seamless Power Apps Integration**  – Optimized for Canvas Apps  
+✔  **No-Code/Low-Code Friendly**  – Set up quickly without advanced coding
+
+Enhance your Power Apps with intuitive, engaging charts in just a few clicks!
+
+## Applies to
+  
+![Power Apps](https://img.shields.io/badge/Power%20Apps-Yes-green  "Yes")
+![Power Automate](https://img.shields.io/badge/Power%20Automate-No-red  "No")
+![Power BI](https://img.shields.io/badge/Power%20BI-No-red  "No")
+![Power Pages](https://img.shields.io/badge/Power%20Pages-No-red  "No")
+![Power Virtual Agents](https://img.shields.io/badge/Power%20Virtual%20Agents-No-red  "No")
+![Dataverse](https://img.shields.io/badge/Dataverse-No-red  "No")
+![AI Builder](https://img.shields.io/badge/AI%20Builder-No-red  "No")
+![Custom Connectors](https://img.shields.io/badge/Custom%20Connectors-No-red  "No")
+![Power Fx](https://img.shields.io/badge/Power%20Fx-No-red  "No")
+
+## Compatibility
+
+![Premium License](https://img.shields.io/badge/Premium%20License-Not%20Required-green.svg  "Premium Power Apps license not required")
+![Experimental Features](https://img.shields.io/badge/Experimental%20Features-No-green.svg  "Does not rely on experimental features")
+
+## Contributors
+
+- [Samir Daoudi](https://github.com/Samir-Daoudi)
+
+## Version history
+
+Version|Date|Comments
+-------|----|--------
+1.0|March 2, 2025|Initial release
+
+## Data Sources
+
+Static table with body part title
+
+## Minimal Path to Awesome
+
+### Using the solution zip
+
+* [Download](./solution/charts-4-powerapps.zip) the `.zip` from the `solution` folder
+* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
+* Open the app in edit mode and make sure the data source **Data source name** is connected correctly.
+
+### Using the source code
+
+You can also use the [Power Apps CLI](https://docs.microsoft.com/powerapps/developer/data-platform/powerapps-cli) to pack the source code by following these steps:
+
+* Clone the repository to a local drive
+* Pack the source files back into a solution `.zip` file:
+
+  ```bash
+  pac solution pack --zipfile pathtodestinationfile --folder pathtosourcefolder --processCanvasApps
+  ```
+
+  Making sure to replace `pathtosourcefolder` to point to the path to this sample's `sourcecode` folder, and `pathtodestinationfile` to point to the path of this solution's `.zip` file (located under the `solution` folder)
+* Within **Power Apps Studio**, import the solution `.zip` file using **Solutions** > **Import Solution** and select the `.zip` file you just packed.
+
+## Help
+
+We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for  community members to volunteer their time and help resolve issues.
+
+If you encounter any issues while using this sample, you can [create a new issue](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=charts-4-powerapps&authors=@Samir-Daoudi&title=charts-4-powerapps%20-%20).
+
+For questions regarding this sample, [create a new question](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=charts-4-powerapps&authors=@Samir-Daoudi&title=charts-4-powerapps%20-%20).
+
+Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/powerapps-samples/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=charts-4-powerapps&authors=@Samir-Daoudi&title=charts-4-powerapps%20-%20).
+
+## Disclaimer
+
+**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
+
+<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-samples/samples/charts-4-powerapps"  aria-hidden="true" />

samples/charts-4-powerapps/assets/Charts4PAPPS-1.png

@@ -0,0 +1,66 @@
+[
+  {
+    "name": "pnp-powerplatform-samples-charts-4-powerapps",
+    "source": "pnp",
+    "title": "Charts 4 PowerApps",
+    "shortDescription": "Chart4PowerApps is a versatile demo app offering a collection of ready-to-use chart components, enabling you to create professional, data-driven visuals effortlessly—without complex development.",
+    "url": "https://github.com/pnp/powerplatform-samples/tree/main/samples/charts-4-powerapps",
+    "downloadUrl": "https://pnp.github.io/download-partial/?url=https://github.com/pnp/powerplatform-samples/tree/main/samples/charts-4-powerapps",
+    "longDescription": [
+      "Chart4PowerApps is a versatile demo app offering a collection of ready-to-use chart components, enabling you to create professional, data-driven visuals effortlessly—without complex development."
+    ],
+    "creationDateTime": "2025-03-02",
+    "updateDateTime": "2025-03-02",
+    "products": [
+      "Power Apps",
+      "Power Fx",
+      "Power Platform"
+    ],
+    "tags": [
+      "charts"
+    ],
+    "categories": [
+      "CANVAS"
+    ],
+    "metadata": [
+      {
+        "key": "POWERAPPS-EXPERIMENTAL",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-PREMIUM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-ONPREM",
+        "value": "No"
+      },
+      {
+        "key": "POWERAPPS-CUSTOMCONNECTOR",
+        "value": "No"
+      }
+    ],
+    "thumbnails": [
+      {
+        "type": "image",
+        "order": 100,
+        "url": "https://github.com/pnp/powerplatform-samples/raw/main/samples/charts-4-powerapps/assets/Charts4PAPPS-1.png",
+        "alt": "App preview"
+      }
+    ],
+    "authors": [
+      {
+        "gitHubAccount": "Samir-Daoudi",
+        "pictureUrl": "https://github.com/Samir-Daoudi.png",
+        "name": "Samir Daoudi"
+      }
+    ],
+    "references": [
+      {
+        "name": "Microsoft Power Platform documentation",
+        "description": "Discover how to make the most of Microsoft Power Platform products with online training courses, docs, and videos covering product capabilities and how-to guides.",
+        "url": "https://learn.microsoft.com/power-platform/"
+      }
+    ]
+  }
+]

samples/charts-4-powerapps/assets/Charts4PAPPS-2.png

@@ -0,0 +1 @@
+{"$schema":"https://schemastore.azurewebsites.net/schemas/json/sarif-2.1.0-rtm.4.json","version":"2.1.0","runs":[{"results":[{"ruleId":"acc-FocusBorderShouldBeVisible","ruleIndex":0,"message":{"id":"issue"},"locations":[{"physicalLocation":{"address":{"relativeAddress":0,"fullyQualifiedName":"scrPieDoughnutCharts.ScreenContainer3_1.HeaderContainer2_1.btnRandomValues_1.FocusedBorderThickness"}},"logicalLocations":[{"fullyQualifiedName":"scrPieDoughnutCharts.ScreenContainer3_1.HeaderContainer2_1.btnRandomValues_1.FocusedBorderThickness"}],"properties":{"module":"scrPieDoughnutCharts","type":"scrPieDoughnutCharts.ScreenContainer3_1.HeaderContainer2_1.btnRandomValues_1","member":"FocusedBorderThickness"}}],"properties":{"level":"Medium"}},{"ruleId":"acc-FocusBorderShouldBeVisible","ruleIndex":0,"message":{"id":"issue"},"locations":[{"physicalLocation":{"address":{"relativeAddress":0,"fullyQualifiedName":"scrBarLineChart.ScreenContainer3.HeaderContainer2.btnRandomValues.FocusedBorderThickness"}},"logicalLocations":[{"fullyQualifiedName":"scrBarLineChart.ScreenContainer3.HeaderContainer2.btnRandomValues.FocusedBorderThickness"}],"properties":{"module":"scrBarLineChart","type":"scrBarLineChart.ScreenContainer3.HeaderContainer2.btnRandomValues","member":"FocusedBorderThickness"}}],"properties":{"level":"Medium"}}],"tool":{"driver":{"name":"PowerApps app checker","fullName":"PowerApps app checker","version":"1.345","rules":[{"id":"acc-FocusBorderShouldBeVisible","messageStrings":{"issue":{"text":"Focus isn't showing"}},"properties":{"howToFix":["Change the FocusedBorderThickness property to be more than 0."],"whyFix":"If the focus isn't visible, people who don't use a mouse won't be able to see it when they're interacting with the app.","level":"Medium","componentType":"app","primaryCategory":"accessibility"}}]}},"invocations":[{"executionSuccessful":true}],"columnKind":"utf16CodeUnits"}]}