How to Create a Number in a Shape Visualization

This article describes how to use Displayr's various number visualizations. We'll go from any number - in a table, Calculation, or entered directly into the visualization controls, to the same number shown on screen in a shape, like this:

Requirements

The input for number visualizations needs to be a single value. This can come from:

• A single value from a table or Calculation
• Entering an R-based calculation
• Entering a value manually

Additionally, for the Number in Donut, Number in Gauge, and Number in Bar visualizations, the number represented should be a percentage or proportion out of some maximum value. For the more basic functions Number, Number in Oval, and Number in Rectangle, there is no such requirement.

In this article, we will be using the following table as our input:

Method 

1. Go to  Visualization > Number > [type of number in shape visualization you would like].
   
   Note: You can also pre-select a cell in a table or table-like Calculation before selecting the visualization type. If you do, you can skip to the last step.
2. Click and drag Plus (+) on the page to place the visualization.
3. In the object inspector on the right under Inputs > DATA SOURCE > Data select the data source of the visualization. You can select: a table, a Calculation, type in an R-based calculation or manually enter a value.
   
   
   
   Note: the Data box only accepts numbers as values. If type a % sign in the input box (e.g. 10%), you will get an error. Percentage signs in the in minimum/maximum and data label thresholds are now simply ignored. To add a % sign to your data value, in the Object Inspector, use Chart > DATA LABELS > Data label suffix
4. If your selected input is a table or Calculation formatted like a table, select the column and row that has the single value you want to use in the visualization.
   
   
   
   The results are as follows:
   
   
   
   
   
5. Optional: Use the Chart menu in the object inspector to change the appearance of the visualization. For example, you could use Chart > MINIMUM/MAXIMUM to set the maximum value the donut, gauge, or bar use to fill the shape. By default, the value is set to 100.
   
   You could also predefine different fill colors depending on the size of the percentage.  
   
   1. From the Object Inspector, select Chart > FILL COLOR
   2. Select a Default Fill Color and Threshold 1 level
   3. Specify subsequent Fill Colors and Threshold levels
   
   

• The 37% in following Number in Donut chart represents the percentage of Coke drinkers who said they also like Pepsi. The light blue color in the graph is the one we defined for values between 25 and 50%.
  
  
  

Next

How to Create a Single Icon Pictograph