..  include:: ../../Includes.txt

..  _screenShoots:

===========
Screenshots
===========

SAV Charts is provided with several basic templates and more advanced 
templates which simplify the implementation of charts 
with several sets of data.

..  card-grid::
    :columns: 1
    :columns-md: 2
    :gap: 4
    :class: pb-4
    :card-height: 100

    ..  card:: :ref:`Charts.js <screenShootsCharts>`
        
        Examples of charts generated with the Charts.js
        library.        

    ..  card:: :ref:`ECharts <screenShootsECharts>`
        
        Examples of charts generated with the Apache ECharts
        library.        

    ..  card:: :ref:`ApexCharts <screenShootsApexCharts>`
        
        Examples of charts generated with the ApexCharts
        library.
        

    ..  card:: :ref:`Queries and Spreadsheets <screenShootsQueriesAndSpreadsheets>`
        
        Charts can be built with data coming from queries or
        spreadsheets.                

..  toctree::
    :maxdepth: 1
    :titlesonly:
    :glob:

    Charts/Index
    ECharts/Index 
    ApexCharts/Index  
    QueriesAndSpreadsheets/Index