Charts - Render Options

[App Generator]

The page should visualize the information (PRODUCTS Table) using two patterns:

• Template view using the JSON.parse('{{ products | safe }}')
• JS + API Usage

The page will have two rows:

1st ROW, template view where:

• 50% BAR Chart rendered on DIV with ID products-bar-chart
• 50% PIE Chart rendered on DIV with ID products-pie-chart

2nd ROW, API view where:

• 50% BAR Chart rendered on DIV with ID products-bar-chart-api
• 50% PIE Chart rendered on DIV with ID products-pie-chart-api

NOTE: JS code needs to be saved in the charts.html SCRIPT tag.

In the end, the layout should be like this:

[App Generator]

Validated in release v0.0.12
Closing.