{"id":48832358,"url":"https://github.com/microsoft/chartifact","last_synced_at":"2026-04-14T21:02:19.551Z","repository":{"id":310374900,"uuid":"1001751387","full_name":"microsoft/chartifact","owner":"microsoft","description":"Declarative, interactive data documents","archived":false,"fork":false,"pushed_at":"2026-04-08T22:56:55.000Z","size":14413,"stargazers_count":71,"open_issues_count":22,"forks_count":19,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-14T13:34:47.751Z","etag":null,"topics":["data-visualization","markdown","vega","vega-lite"],"latest_commit_sha":null,"homepage":"https://microsoft.github.io/chartifact/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/microsoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-06-14T00:24:12.000Z","updated_at":"2026-04-10T11:52:41.000Z","dependencies_parsed_at":"2025-08-17T18:25:44.242Z","dependency_job_id":"36502c25-71d2-419d-9bb4-86cfe74c400a","html_url":"https://github.com/microsoft/chartifact","commit_stats":null,"previous_names":["microsoft/chartifact"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/microsoft/chartifact","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fchartifact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fchartifact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fchartifact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fchartifact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/microsoft","download_url":"https://codeload.github.com/microsoft/chartifact/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/microsoft%2Fchartifact/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31815080,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-visualization","markdown","vega","vega-lite"],"created_at":"2026-04-14T21:02:12.972Z","updated_at":"2026-04-14T21:02:19.540Z","avatar_url":"https://github.com/microsoft.png","language":"TypeScript","readme":"```\n    A     I\nC H A   T\nC H A R T\n    A R T I F A C T\nC H A R T I F A C T\n```\n# Chartifact\n\n**Declarative, interactive data documents**\n\nChartifact is a low-code document format for creating interactive, data-driven pages such as reports, dashboards, and presentations. It travels like a document and works like a mini app. Designed for use with your LLM to produce a shareable artifact of your analytic conversations.\n\n\u0026bull; [Examples](https://microsoft.github.io/chartifact/examples) \u0026bull; [Try now with your LLM](https://microsoft.github.io/chartifact/prompt) \u0026bull; [Try with Copilot in VsCode](https://marketplace.visualstudio.com/items?itemName=msrvida.chartifact)\n\n## Ecosystem\n\nThe Chartifact GitHub repo has source code for these interoperating modules:\n\n* A **document schema** that defines plugins and components that communicate together with reactive variables:\n\n  * **Text** – Markdown with dynamic placeholders\n  * **Inputs** – Textboxes, checkboxes, sliders, dropdowns\n  * **Tables** – Sortable, selectable, and editable data grids\n  * **Charts** – [Vega](https://vega.github.io/vega/) and [Vega-Lite](https://vega.github.io/vega-lite/) visualizations\n  * **Diagrams** – [Mermaid](https://mermaid-js.github.io/mermaid/) diagrams (flowcharts, networks, and more) via the mermaid plugin, including tabular data-driven diagram generation\n  * **Structured content** – Custom layouts via the [Treebark](https://treebark.js.org) plugin for rendering safe, templated HTML structures (cards, headers, footers, lists, and more)\n  * **Images** – Dynamic image URLs based on variables\n  * **Presets** – Named sets of variable values for quick scenario switching\n\n* A **sandboxed runtime** that securely renders documents.\n\n* A [set of examples](https://microsoft.github.io/chartifact/examples) that your LLM can understand and remix for your scenario.\n\n* A [VS Code extension](https://marketplace.visualstudio.com/items?itemName=msrvida.chartifact) for editing, previewing, and exporting documents.\n\n* A [web-based viewer and editor](https://microsoft.github.io/chartifact/view/) for viewing, quick edits and sharing.\n\n* Tools to **export standalone HTML** documents you can share or embed anywhere.\n\n## Authoring Formats\n\nChartifact documents can be written in two formats:\n\n* **Markdown** – Human-readable, easy to write and review. Interactive elements are embedded as fenced JSON blocks.\n* **JSON** – Structured and precise. Ideal for programmatic generation or when working directly with the document schema.\n\nBoth formats are functionally equivalent and supported across all tooling.\n\n## AI Support\n\nThe format is designed with AI assistance in mind:\n\n* Structured syntax makes documents easy to edit and generate with LLMs\n* In-editor tools like Ctrl+I and agent mode available in VS Code\n* HTML exports retain semantic structure for downstream AI tools\n\nThis enables both authoring and remixing workflows with language models and agent-based tooling.\n\n## Data Flow\n\nThe document runtime is reactive. Components stay in sync through a shared set of variables:\n\n* **Reactive variables** update elements and data sources automatically\n* **Dynamic bindings** let variables appear in chart specs, text, URLs, and API calls\n* **REST integration** supports fetching data from external sources\n* **Vega transforms** provide built-in tools for reshaping data\n* **Signal bus** coordinates state across all components\n\n## Styling\n\nStyling is done using standard CSS. Examples provided to style documents as articles, dashboards, or slides.\n\n## Security\n\nChartifact is designed to be safe by default:\n\n* Rendered in sandboxed iframes to isolate execution\n* No custom JavaScript execution\n* No raw HTML in Markdown\n* XSS-Defensive CSS parsing\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoft%2Fchartifact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmicrosoft%2Fchartifact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmicrosoft%2Fchartifact/lists"}