1. Add the following script and stylesheet to your index.html via either CDN or downloading it and using it locally:

   unpkg.com

   <script src="//unpkg.com/@markbattistella/docsify-charty@latest/dist/docsify-charty.min.js"></script>
   <link rel="stylesheet" href="//unpkg.com/@markbattistella/docsify-charty@latest/dist/docsify-charty.min.css">

   jsDelivr.com

   <script src="//cdn.jsdelivr.net/npm/@markbattistella/docsify-charty@latest"></script>
   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@markbattistella/docsify-charty@latest/dist/docsify-charty.min.css">

   locally

   <script src="docsify-charty.min.js"></script>
   <link rel="stylesheet" href="docsify-charty.min.css">

2. In docsify setup configure the plugin (see configuration for setup). These are the global settings and affect all charts:

window.$docsify = {
  charty: {
    "theme": String,
    "mode":  String,
    "debug": Boolean
  }
};

Or if you're using npm to manage your dependencies:

npm i @markbattistella/docsify-charty

Example: index.html

```charty
{
  "title":   '',
  "caption": '',
  "type":    '',
  "options": {
    "theme":   '',
    "legend":  '',
    "labels":  '',
    "numbers": ''
  },
  "data": [
    {
      "label": '',
      "value": '',
      "colour": ''
    }
  ]
}
// close the code block
// can't show it here

1. Clone the repo:

   git clone https://github.com/markbattistella/docsify-charty.git

2. Create your feature branch:

   git checkout -b my-feature

3. Commit your changes:

   git commit -am 'Add some feature'

4. Push to the branch:

   git push origin my-new-feature

5. Submit the pull request