From f71baa845d55a5c533c8ce8efaca3bd00039cc88 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 26 Aug 2025 02:30:41 +0000 Subject: [PATCH 1/3] Initial plan From 1e75c919d5fc199f2a7cd5b19be361a0b303adef Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 26 Aug 2025 02:36:17 +0000 Subject: [PATCH 2/3] Add docs/examples.md page with links to interactive demos Co-authored-by: danmarshall <11507384+danmarshall@users.noreply.github.com> --- docs/examples.md | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 docs/examples.md diff --git a/docs/examples.md b/docs/examples.md new file mode 100644 index 00000000..696f5b8c --- /dev/null +++ b/docs/examples.md @@ -0,0 +1,29 @@ +--- +layout: default +title: "Examples" +--- + +# Examples + +Explore these interactive Chartifact examples. Each link opens the example in the Chartifact viewer where you can interact with the document and see how it works. + +Click on any example below to view it in the interactive document viewer: + +## [Why Chartifact](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/why-chartifact.idoc.json) +Discover the capabilities and benefits of Chartifact for creating interactive data documents. + +## [Sales Dashboard](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/sales-dashboard.idoc.json) +A comprehensive sales dashboard with interactive charts and data visualization. + +## [Sales Report](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/sales-report.idoc.json) +A detailed sales report with tabular data and analysis. + +## [Grocery List](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/grocery-list.idoc.json) +An interactive grocery list demonstrating form controls and data management. + +## [Mermaid Org Chart](https://microsoft.github.io/chartifact/view/?load=https://raw.githubusercontent.com/microsoft/chartifact/f71baa845d55a5c533c8ce8efaca3bd00039cc88/packages/web-deploy/json/mermaid-org-chart.idoc.json) +An organizational chart created using Mermaid diagrams with dynamic data. + +--- + +*These examples showcase the various capabilities of Chartifact, from data visualization to interactive forms and dynamic diagrams.* \ No newline at end of file From c3d99d098e61ad0261da37da98f79c9e6f587827 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Tue, 26 Aug 2025 04:37:37 +0000 Subject: [PATCH 3/3] Add description properties to examples.markdown.folder.json Co-authored-by: danmarshall <11507384+danmarshall@users.noreply.github.com> --- docs/assets/examples/examples.markdown.folder.json | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/docs/assets/examples/examples.markdown.folder.json b/docs/assets/examples/examples.markdown.folder.json index 624c26b4..39fc2cb5 100644 --- a/docs/assets/examples/examples.markdown.folder.json +++ b/docs/assets/examples/examples.markdown.folder.json @@ -4,22 +4,27 @@ "docs": [ { "title": "Why Chartifact", + "description": "Discover the capabilities and benefits of Chartifact for creating interactive data documents.", "href": "markdown/why-chartifact.idoc.md" }, { "title": "Sales Dashboard", + "description": "A comprehensive sales dashboard with interactive charts and data visualization.", "href": "markdown/sales-dashboard.idoc.md" }, { "title": "Sales Report", + "description": "A detailed sales report with tabular data and analysis.", "href": "markdown/sales-report.idoc.md" }, { "title": "Grocery List", + "description": "An interactive grocery list demonstrating form controls and data management.", "href": "markdown/grocery-list.idoc.md" }, { "title": "Mermaid Org Chart", + "description": "An organizational chart created using Mermaid diagrams with dynamic data.", "href": "markdown/mermaid-org-chart.idoc.md" } ]