Creating Widgets

Widgets are graphical elements that describe the layers data. They can be of different types such as Charts, Texts, Tables and Counters. Through the create_widgets_button button of the Table of Contents (TOC) you can open the Widgets panel.

../../../_images/widgets_panel.png

Creating Widgets

Chart Widgets

Chart Widgets are graphical representations of the layer data. They can be Bar Chart, Pie Chart or Line Chart as shown in the picture below.

../../../_images/chart_widgets.png

Chart Widgets

Let’s create a new Bar Chart.
Click on Bar Chart then select the X Attribute, the Y Attribute, the Operation and the Color do you prefer. You can also display the Legend, Hide the Y axis, Hide the grid and decide what Label display into the legend.
Now you can filter the data to be considered for the chart by clicking on advanced_search_button. We don’t need any filter so click configure_widgets_options_button to configure other widget options. Insert a Title and a Description and click on Save save_button.
../../../_images/chart_widgets.gif

Chart Widgets Creation

The green connect_to_viewport icon means that the chart is connected to the viewport.

Expanding the options menu of the widget you can Show the plotted data, Edit the widget or Delete it, Download the data as a CSV file or Export the image of the graph.

../../../_images/chart_widget_options.png

Chart Widgets Options

Text Widgets

If you select Text on the Widgets panel you can create Text Widgets. Add a Title and the desired descriptive text, then click on save_button.

../../../_images/text_widgets_creation.png

Text Widgets Creation

The resulting widget looks like the following.

../../../_images/text_widget.png

My Text Widget

Table Widgets

Through the Table Widgets you can add the Attributes Table of the layer to the map. You can decide to show a subset of the features, through filters, and you can select one or more columns/attributes.
So, choose what attributes you are interested in and click on configure_widgets_options_button.
../../../_images/table_widget_columns.png

Table Widgets Columns

Insert Title and Description (optional) and click on save_button. The example below shows the Table Widget on the map.

../../../_images/table_widget.png

Table Widget

Counter Widgets

Counter Widgets are numeric representations of some attributes. For example you can represent the average speed limit on a road network.

../../../_images/counter_widget_creation.png

Counter Widget Creation

Click on configure_widgets_options_button, insert Title and Description then click on save_button.

../../../_images/counter_widget.png

Counter Widget

The GeoNode map viewer is MapStore based, see the MapStore Documentation for further information.