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" } ] 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