Skip to main content

Charts

About 1 min

This plugin provides 4 ways to let you insert charts into your markdown file.

  • Chart.js: A lightweight, easy-to-use, highly customizable chart library.

    Chart.js is lighter comparing to Echarts.

  • Echarts: A powerful, interactive charting and visualization library for browser.

    Echarts is more powerful comparing to Chart.js.

  • Flowchart: A simple markdown extension to generate flowcharts and sequence diagrams.

    Lightweight, only focusing on flowcharts.

  • Markmap: Create mindmap with markdown

    The runtime is very heavy, not recommended.

  • Mermaid: Generation of diagram and flowchart from text in a similar manner as markdown.

    Powerful collection of common charts.

Demo

Chart.js

A Scatter Chart

Echarts

A line chart

Flowchart

Markmap

Mermaid