Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Chart.js Markdown PreviewNew to Visual Studio Code? Get it now.
Chart.js Markdown Preview

Chart.js Markdown Preview

Preview

FlomoN

|
6,900 installs
| (1) | Free
Adds Chart.js support to VSCode's builtin markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Chart.js Markdown Preview

Adds Chart.js support to VS Code's builtin markdown preview

Usage

Create diagrams in markdown using chart code blocks:

```chart
{
  "type": "pie",
  "data": {
    "labels": [
      "Red",
      "Blue",
      "Yellow"
    ],
    "datasets": [
      {
        "data": [
          300,
          50,
          100
        ],
        "backgroundColor": [
          "#FF6384",
          "#36A2EB",
          "#FFCE56"
        ],
        "hoverBackgroundColor": [
          "#FF6384",
          "#36A2EB",
          "#FFCE56"
        ]
      }
    ]
  },
  "options": {}
}
```

This Extensions is a fork of Geek Learning's Graphviz Markdown Preview.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft