Skip to content

Commit 043aca6

Browse files
authored
Add mjml-bar-chart presentation to documentation community components section (#2953)
1 parent c062b74 commit 043aca6

File tree

2 files changed

+16
-0
lines changed

2 files changed

+16
-0
lines changed

doc/config.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@
3434
"mjml/doc/ending-tags.md",
3535
"mjml/doc/community-components.md",
3636
"mjml/doc/ports.md",
37+
"mjml/doc/mjml-bar-chart.md",
3738
"mjml/doc/mjml-chart.md",
3839
"mjml/doc/mjml-chartjs.md",
3940
"mjml/doc/mjml-qr-code.md",

doc/mjml-bar-chart.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
## mj-bar-chart
2+
3+
`mj-bar-chart` is an open-source component that allows you to create fully embedded static bar charts in your MJML templates.
4+
These bar charts are easily customizable, 100% built with HTML tables, and do not require any external dependencies.
5+
**mjml-bar-chart** package is available on [GitHub](https://github.com/Freezystem/mjml-bar-chart) and [NPM](https://www.npmjs.com/package/@freezystem/mjml-bar-chart).
6+
7+
![Basic mjml-bar-chart rendering](https://github.com/user-attachments/assets/a65b4e1c-8780-4df0-aff6-159c332e4b7a)
8+
9+
You can also render as stacked bars, add a link to your sources, vertically align labels, and much more:
10+
11+
![Stacked rendering with vertically aligned legends](https://github.com/user-attachments/assets/fc34d1c8-3608-4b7f-8bf3-233cd7efe277)
12+
13+
14+
This component is lightweight, written with TypeScript, and is thoroughly tested.
15+
It is available as UMD (CJS + AMD), ESM and TS module format.

0 commit comments

Comments
 (0)