# MJML Documentation
# Source: https://raw.githubusercontent.com/mjmlio/mjml/master/doc/mjml-bar-chart.md
# Path: doc/mjml-bar-chart.md

### mj-bar-chart

An open-source component that allows you to create fully embedded static bar charts in your MJML templates.

These bar charts are easily customizable, 100% built with HTML tables, and do not require any external dependencies.

The package is available on [GitHub](https://github.com/Freezystem/mjml-bar-chart) and [NPM](https://www.npmjs.com/package/@freezystem/mjml-bar-chart).

<figure>
  <img src="https://static.mailjet.com/mjml-website/documentation/bar-chart-example-1.png" alt="Basic mjml-bar-chart rendering" />
</figure>

You can also render as stacked bars, add a link to your sources, vertically align labels, and much more:

<figure>
  <img src="https://static.mailjet.com/mjml-website/documentation/bar-chart-example-2.png" alt="Stacked rendering with vertically aligned legends" />
</figure>

This component is lightweight, written with TypeScript, and is thoroughly tested.

It is available as UMD (CJS + AMD), ESM and TS module format.