Widgets

Overview

When you create a report, it’s nice to be able to drive home the significance of specific pieces of data. While tabular data is great, you may want to provide summary data, charts or graphs to help your users grasp the deeper meaning behind a particular field. This is where widgets in Wufoo come in. A widget is a visual element which, when added to a report, helps visualize / organize the data for a particular field. Here’s an example report that uses the Big Number and Field Chart widgets to explain some data collected by a survey we created in Wufoo.

See the difference a few widgets can make? Your data pops out and your users will be much happier. So, with the goal of beautiful data in mind, read the overview below to get yourself prepared for creating stunning reports.

Graph Widgets: Pie Charts, Line Charts and Bar Graphs

Graph Widgets are useful when you wish to accentuate a relatively small number of responses. They work with all field types and they have a superb visual effect. Let’s take a look at the different graph types and an example of each.

• The Pie Graph - A Pie Chart is a circular chart divided into sectors, illustrating relative magnitudes or frequencies.

• The Bar Graph - A bar chart or Bar Graph is a chart with rectangular bars with lengths proportional to the values that they represent.

• The Line Chart - A Line Chart or line graph is a type of graph created by connecting a series of data points together with a line.

Additionally, you can select the size of each one of these widgets from the report manager, as shown here.

Field Charts: The Bar, Grid, and Card

Summary and Extended Views

Field Chart widgets are great when you’ve got more data values for a field than a Graph Widget can show. Graph Widgets show both a Summarized and an Extended View for you data. In the Summarized View, only the most popular (or recent, depending on your field type) data points are shown at first. But, if more data is available, a ‘View More’ link will appear. If you click the View More Link, the Extended View will appear. The Extended view is similar to the Summarized View, but it will contain a greater number of data points.

Here’s an example: Earlier in this document we showed you some data collected from our users depicting the Operating System being used those requesting support. The first image below shows the Summarized view, with only the top seven choices. Note that a ‘View More’ link appears on the row marked ‘Other’. The second image pictured here is of the Extended View for the same data. Note that the ‘Other’ row is expanded, showing a detailed breakdown of the remaining data.

Navigation Buttons

Also, in the Extended View, if you have more data than will fit on a single page, navigation buttons will appear to help you browse your data by page. With these buttons you may move to the first, previous, next, or last page. Your buttons may have a different color, depending on your theme, but the shape will be the same.

Each Field Chart Widget contains some summary data including a Total and Unanswered Count. The Total Count represents the total number of non-blank submissions for that field. The Unanswered Count represents the number of blank responses for that field. NOTE: A Check Box field is considered blank if all selections are blank. In other words, if a checkbox field has zero checked boxes, it is considered unanswered.

Field Chart Categories

Wufoo will automatically select the Field Chart Category which makes the most sense for field type you are summarizing. Each category is listed below along with a description and example image.

Field Chart Bar - This widget groups your data by answer and summarizes it in a horizontal bar chart form. For each grouping you’ll see a count and a percentage. This chart shows the top seven groupings and packages everything else into an ‘Other’ grouping. The extended view for a Bar Chart Widget shows 50 groupings per page. It is sorted from the highest percentage to the lowest.

Field types which appear as a Bar Chart Widget include Single Line Text, Checkbox, Multiple Choice, Drop Down, Date, Number and Likert.

Field Chart Grid - This widget list your data in a tabular format ordered so the most recent submissions appear first. This view is displayed when summary data does not make sense. For example, since File Upload Fields can’t be summarized, it makes sense to see them in order of submission, newest first.

Fields which appear as a Field Chart Grid include Email, Phone, File Upload, and Text Area.

Field Chart Card - These widgets list your data as if they were business cards spread out on a desktop. They are ordered so that the most recent submissions appear first.

Big Number Widgets

Big number allows you to run a calculation on number, price, drop down, multiple choice and checkbox fields. If you select a number or price field you can calculate a count, sum, average, minimum, maximum and most popular value chosen.

You can also use Big Number to get a total of the number of times your form has been viewed, how many submissions you have, your conversion rate and your bounce rate. Big number charts are printable from your web browser with the entire report.

Why won’t my graph print?

Graph Widgets do not print along with your reports. You can print each Graph Widget by right clicking on each and choosing the ‘Print Chart’ option. Big Number and Field Chart Widgets will print. So will your data grid.

How many widgets may I have on one report?

Because Widgets are resource intensive, only 20 widgets can be added to a report at this time.

May I share a Field Chart widget?

Field Charts may be viewed in an Extended View (see Summary and Extended View) pop-up window. To share your Extended View with others, simply copy the URL in your Extended View’s popup window. This URL will not change over the life of your widget.