.. _widgets:

Widgets
=======

Widgets are visual elements that display data in the dashboard, they can be
resized, moved and can have a title.

Depending on the widget they provide additional actions by right clicking on
them such as filtering, clearing content etc.

Widgets are packaged in extensions, on dashboard creation or edition you can
choose which extensions to load for that dashboard, this means you only load
the widgets and code you need for each dashboard.


3D Widgets Extension
--------------------


.. figure:: ../../img/widgets/efabric-widget-3dworld.png
    :align: center

    3D World

Go to :ref:`3d-globe-widget` documentation page


Data Grid Extension
-------------------

.. figure:: ../../img/widgets/efabric-widget-data-grid.png
    :align: center

    Data Grid
    App: Data Grid

Go to :ref:`data-grid-widget` documentation page

ECharts App
-----------

.. figure:: ../../img/widgets/efabric-widget-bar.png
    :align: center

    Bar Chart

Go to :ref:`bar-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-bar-stacked.png
    :align: center

    Bar Chart with stacked option set

Go to :ref:`bar-echarts-widget` documentation page and check the **Stack** option

.. figure:: ../../img/widgets/efabric-widget-chord.png
    :align: center

    Chord

Go to :ref:`chord-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-funnel.png
    :align: center

    Funnel

Go to :ref:`funnel-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-gauge.png
    :align: center

    Gauge

Go to :ref:`gauge-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-line-chart.png
    :align: center

    Line Chart

Go to :ref:`line-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-pie.png
    :align: center

    Pie

Go to :ref:`pie-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-polar.png
    :align: center

    Radar

Go to :ref:`radar-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-scatter-plot.png
    :align: center

    Scatter Plot

Go to :ref:`scatter-echarts-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-time-map.png
    :align: center

    Time Map

Go to :ref:`time-map-echarts-widget` documentation page

Misc Widgets Extension
----------------------

.. figure:: ../../img/widgets/efabric-widget-news-ticker.png
    :align: center

    News Ticker

Go to :ref:`news-ticker-misc-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-odometer.png
    :align: center

    Odometer

Go to :ref:`odometer-misc-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-piramid.png
    :align: center

    Odometer

Go to :ref:`piramid-misc-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-table.png
    :align: center

    Odometer

Go to :ref:`table-misc-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-template.png
    :align: center

    Template

Go to :ref:`template-misc-widget` documentation page

Open Layers Extension
---------------------

.. figure:: ../../img/widgets/efabric-widget-image-map.png
    :align: center

    Image Map

Go to :ref:`image-map-ol-widget` documentation page

.. figure:: ../../img/widgets/efabric-widget-open-layers.png
    :align: center

    Map

Go to :ref:`map-ol-widget` documentation page