To create and customize a chart in the plugin, follow these steps to ensure accurate representation of your data:

Caelor cards macro v2

summary	Select a Chart Type, Pick the right chart for your data visualization, , Set the Dimension, Choose how to categorize your data by dimensions, , Configure the X-Axis, Choose the X-axis field for your chart, , Configure the Y-Axis, Define the data field to display on the Y-axis, , Select a Calculation Type, Select the preferred calculation method for your chart, , Generate the Chart Title, Automatically generate a chart title based on selected configurations, , Preview, Preview how your chart will look before publishing, , Publish to Dashboard, Easily deploy your chart to the selected dashboard,
title	v7bb6d
content	{"cards":[{"id":"nlu1l","tabId":"gp0ow","title":"Select a Chart Type","text":"Pick the right chart for your data visualization","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/FillBarChartFill","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"8bab4859-17ce-4bb9-af6e-a4f0ac78630e","tabId":"gp0ow","title":"Set the Dimension","text":"Choose how to categorize your data by dimensions","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"bootstrap/FillGrid1X2Fill","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"e1cf1461-b973-4895-930a-f41e044b0d9d","tabId":"gp0ow","title":"Configure the X-Axis","text":"Choose the X-axis field for your chart","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/EditorHorizontalRuleIcon","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"78fb754f-2a6d-407d-bb7e-91fa98788c9e","tabId":"gp0ow","title":"Configure the Y-Axis","text":"Define the data field to display on the Y-axis","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/MoreVerticalIcon","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"0d1d5792-6825-470f-ad1c-13ea0a84192a","tabId":"gp0ow","title":"Select a Calculation Type","text":"Select the preferred calculation method for your chart","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/SettingsIcon","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"46ec397b-55f8-47e9-ba3f-1666a97e2705","tabId":"gp0ow","title":"Generate the Chart Title","text":"Automatically generate a chart title based on selected configurations","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"material-design/AutoAwesome","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"a4b06f10-d4c0-4408-8f5f-06fbda76c716","tabId":"gp0ow","title":"Preview","text":"Preview how your chart will look before publishing","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"material-design/Preview","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}},{"id":"5e5827a3-7a9c-4b96-8f3f-69893ed0ca91","tabId":"gp0ow","title":"Publish to Dashboard","text":"Easily deploy your chart to the selected dashboard","label":"CARD LABEL","button":"View more","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/DashboardIcon","iconType":"icon","color":{"las_vegas":{"background":"#ffffff00","color":"#2684FF"},"porto":{"background":"#ffffff","color":"#2684FF"},"san_francisco":{"background":"#ffffff00","color":"#2684FF"},"austin":{"background":"#2684FF","color":"#000000"},"mumbai":{"background":"#2684FF"},"hong_kong":{"background":"#2684FF"},"cape_town":{"background":"#2684FF"},"palo_alto":{"color":"#2684FF"},"new_york":{"color":"#2684FF"},"madrid":{"color":"#2684FF"},"berlin":{"color":"#2684FF"},"la_paz":{"color":"#2684FF"},"sydney":{"color":"#2684FF"},"tokyo":{"color":"#2684FF"}},"image":{"link":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1508171621035-08a9112aad57?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"false","link":"","overlay":{"isActive":false,"color":"#000","opacity":0.3}}],"config":{"type":"icon","columns":3,"layout":["title","text","arrow"],"design":"las_vegas","textAlign":"left","height":150,"iconSize":100,"titleSize":10,"gap":16,"hasTabs":true,"iconRadius":50,"borderRadius":6,"structureVersion":3},"tabs":[{"id":"gp0ow","text":"Summary","icon":"bootstrap/CloudsFill"}]}

1.Select a Chart Type

Choose the type of chart you want to create from the available options. Select the one that best fits the data you wish to visualize.

2.Set the Dimension

...

Choose the dimension (1D, 2D) depending on how you want to categorize your data. For example, 1D might be for simple charts like pie charts, and 2D could be for more complex visualizations like bar charts.

3.Configure the X-Axis

...

Select the field you want to use for the X-axis from the "X axis field" dropdown. This field determines how the data will be distributed along the horizontal axis.

4.Configure the Y-Axis

...

Set the Y-axis field by choosing a value from the "Y Axis field" dropdown. This could be a numerical field, such as "Story Points" or any other relevant metric that you want to plot on the vertical axis.

5.Select a Calculation Type

...

Choose the type of calculation (e.g., Sum, Average, Count, Median) to be performed on the Y-axis field. This determines how the data will be aggregated.

6.Generate the Chart Title

...

After setting up all the fields and configurations, The chart title is generated using IA based on the configurations you’ve selected.
...
Once you have completed the configuration of your chart, you have two options to proceed:

7.Preview

...

Before finalizing, you can choose to Preview your chart. This allows you to see how your chart will look with the current configuration and data. It’s a useful step to ensure everything is displayed as expected before making it public.

8.Publish to Dashboard

...

If you are satisfied with the preview, or if you are confident in your configuration, you can Publish to Dashboard. This will make the chart available on your Jira dashboard, where it can be viewed by you and other team members.
...

Version	Old Version 1	New Version Current
Changes made by	Wissal Ouerghi	Wissal Ouerghi
Saved on	Sept 09, 2024	Jan 28, 2025

Versions Compared

Key

1.Select a Chart Type

2.Set the Dimension

Choose the dimension (1D, 2D) depending on how you want to categorize your data. For example, 1D might be for simple charts like pie charts, and 2D could be for more complex visualizations like bar charts.

3.Configure the X-Axis

Select the field you want to use for the X-axis from the "X axis field" dropdown. This field determines how the data will be distributed along the horizontal axis.

4.Configure the Y-Axis

Set the Y-axis field by choosing a value from the "Y Axis field" dropdown. This could be a numerical field, such as "Story Points" or any other relevant metric that you want to plot on the vertical axis.

5.Select a Calculation Type

Choose the type of calculation (e.g., Sum, Average, Count, Median) to be performed on the Y-axis field. This determines how the data will be aggregated.

6.Generate the Chart Title

After setting up all the fields and configurations, The chart title is generated using IA based on the configurations you’ve selected.
...
Once you have completed the configuration of your chart, you have two options to proceed:

7.Preview

Before finalizing, you can choose to Preview your chart. This allows you to see how your chart will look with the current configuration and data. It’s a useful step to ensure everything is displayed as expected before making it public.

8.Publish to Dashboard

If you are satisfied with the preview, or if you are confident in your configuration, you can Publish to Dashboard. This will make the chart available on your Jira dashboard, where it can be viewed by you and other team members.
...

Content Comparison

Versions Compared

Key

1.Select a Chart Type

2.Set the Dimension

Choose the dimension (1D, 2D) depending on how you want to categorize your data. For example, 1D might be for simple charts like pie charts, and 2D could be for more complex visualizations like bar charts.

3.Configure the X-Axis

Select the field you want to use for the X-axis from the "X axis field" dropdown. This field determines how the data will be distributed along the horizontal axis.

4.Configure the Y-Axis

Set the Y-axis field by choosing a value from the "Y Axis field" dropdown. This could be a numerical field, such as "Story Points" or any other relevant metric that you want to plot on the vertical axis.

5.Select a Calculation Type

Choose the type of calculation (e.g., Sum, Average, Count, Median) to be performed on the Y-axis field. This determines how the data will be aggregated.

6.Generate the Chart Title

After setting up all the fields and configurations, The chart title is generated using IA based on the configurations you’ve selected....Once you have completed the configuration of your chart, you have two options to proceed:

7.Preview

Before finalizing, you can choose to Preview your chart. This allows you to see how your chart will look with the current configuration and data. It’s a useful step to ensure everything is displayed as expected before making it public.

8.Publish to Dashboard

If you are satisfied with the preview, or if you are confident in your configuration, you can Publish to Dashboard. This will make the chart available on your Jira dashboard, where it can be viewed by you and other team members....

After setting up all the fields and configurations, The chart title is generated using IA based on the configurations you’ve selected.
...
Once you have completed the configuration of your chart, you have two options to proceed:

If you are satisfied with the preview, or if you are confident in your configuration, you can Publish to Dashboard. This will make the chart available on your Jira dashboard, where it can be viewed by you and other team members.
...