Helper package for chartjs-chart-graph for parsing DOT files and generate the data structure for the chart.js plugin.

npm install --save chart.js chartjs-chart-graph chartjs-chart-graph-dot-parser

see Samples on Github

CodePens

• Simple Dot File

graph types: graph, digraph

graph attributes:

• label ... set as dataset label

node attributes

• label ... set the node label
• color ... set as node border color
• fillcolor ... set a node background color
• shape ... only supports: circle, diamond, and box

edge attributes

• color ... set as edge line/border color
• penwidth ... set as edge line/border width

npm i -g yarn yarn set version 2 yarn yarn pnpify --sdk

yarn install yarn build