# Composite Template Charts

These charts use the [bento-box](https://docs.shimoku.com/dev/elements/create-your-own-charts/bento-box "mention") to create a template where any chart can be placed in a pre-configured set of components.

{% content-ref url="composite-template-charts/infographics-text-bubble" %}
[infographics-text-bubble](https://docs.shimoku.com/dev/elements/composite-template-charts/infographics-text-bubble)
{% endcontent-ref %}

<figure><img src="https://3782181538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUlHTfmIZY46Z1EDfyGMz%2Fuploads%2FS2ll4jvdwwaF0FbbeZia%2Fimatge.png?alt=media&#x26;token=1e1c4b92-f1da-4990-90f0-3ff5d0e0d721" alt=""><figcaption></figcaption></figure>

{% content-ref url="composite-template-charts/chart-and-modal-button" %}
[chart-and-modal-button](https://docs.shimoku.com/dev/elements/composite-template-charts/chart-and-modal-button)
{% endcontent-ref %}

<figure><img src="https://3782181538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUlHTfmIZY46Z1EDfyGMz%2Fuploads%2F2rx4QZO7VXy75gSi3Osx%2Fimatge.png?alt=media&#x26;token=f70a5d1f-53c6-4529-93b0-ef5a3ad2d6ba" alt=""><figcaption></figcaption></figure>

{% content-ref url="composite-template-charts/chart-and-indicators" %}
[chart-and-indicators](https://docs.shimoku.com/dev/elements/composite-template-charts/chart-and-indicators)
{% endcontent-ref %}

<figure><img src="https://3782181538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUlHTfmIZY46Z1EDfyGMz%2Fuploads%2FMUDXHikTstdUZn2TWERl%2Fimatge.png?alt=media&#x26;token=1689993f-5bba-4afb-8ccf-c4fe949d5595" alt=""><figcaption></figcaption></figure>