New:Introducing Socket Scanning for VS Code Marketplace Extensions.Learn more →
Get Started

remark-plainviz

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

remark-plainviz

Remark plugin to render PlainViz code blocks as SVG charts

latest
npmnpm
Version
0.1.1
Version published
Maintainers
1
Created
Source

remark-plainviz

A remark plugin to render PlainViz code blocks as SVG charts.

Installation

npm install remark-plainviz

Usage

In your Markdown:

```plainviz
Type: Bar
Title: Monthly Sales

Jan: 20
Feb: 45
Mar: 80
Apr: 60
```

In your remark pipeline:

import { remark } from 'remark';
import remarkHtml from 'remark-html';
import remarkPlainViz from 'remark-plainviz';

const result = await remark()
  .use(remarkPlainViz)
  .use(remarkHtml)
  .process(markdownContent);

Options

remarkPlainViz({
  className: 'my-chart-class' // default: 'plainviz-chart'
})

License

MIT

Keywords

remark

FAQs

Package last updated on 03 Jan 2026

Related posts