Support Centre

Search

Customize an icon column or bar chart

Renée Meloche
Renée Meloche
  • Updated

Available on the following Venngage subscription plans: Free, Premium, Business and Enterprise.

Icon column and bar charts work with customization tools similar to those in our regular charts. 

Resize to increase icons 

The bars of the chart are made of repeating icons. To add more icons to a bar or column (relative to their data value), resize the chart. 

A simple Icon Bar chart appears on a partial view of a light blue canvas in the Venngage Editor. The chart has three columns, one labelled 'Android', one labelled 'Apple' and one labelled 'Facebook'. Where the columns for each of these categories would be, repeating icons appear, which each of the respective lablels' namesake icons appearing. Because the chart is small, in the android column, there are four icons, in the Apple column, three, and in the Facebook column, two, as these represent the relative heights of the columns based on the data in them (the Y axis shows increments of 25 from 0 to 100). A user selects the chart and uses the bounding box to make it larger, changing the scale of the Y axis to increments of 10 (0 to 80) and changing the number of icons that appear as each of the columns, with the Android column now showing ten icons, the Apple column showing 6 and the Facebook column showing 4.

Customize the icons and text appearance

Access the Chart Menu to customize you chart. Double-click on the chart or select the chart and click "Edit Chart" in the top toolbar to open the Chart Menu panel. 
In the Venngage Editor, a user selects an Icon Column chart on a blue design canvas. When the chart is selected, a button labelled Edit Chart appears in the top toolbar and the user clicks on it to open the Chart Menu in a panel on the right side of the screen of the Editor.
 
Under the "Data" tab of the Chart Menu, click on an icon thumbnail next to a data row to change it. Change the data values by clicking into that row or column and editing the word or number.
In the Venngage Editor, an Icon Column chart is selected on a blue design canvas and the Chart Menu panel is open in the right-hand side of the screen, showing two tabs: Data and Settings. On the Data tab, a spreadsheet appears with three rows labelled Android, Apple and Facebook respectively; beside each of these is a number in the second column that represents the data in the chart on the canvas. To the left of the first column in the spreadsheet and next to each of the items listed, is a small thumbnail of an icon that represents that label: in the first it's an Android icon, in the second it's the Apple brand logo, and in the third, the Facebook logo. A user clicks on the thumbnail of the Android icon in the spreadsheet in the Chart Menu panel, and a widget opens over the spreadsheet, with the heading Icon Search and a search bar underneath it. The user types 'android' into the search bar and returns results of mono-color icons in small thumbnails underneath the bar; the user clicks on an icon of a phone with the Android logo on the screen, and this appears in the first column of the Icon Column chart on the canvas, replacing the simple Android logo. The user repeats this process twice more, clicking on the icons of each column respectively, entering a search term into the Icon search bar, and clicking on an icon thumbnail in the results, changing the icons in the Icon Column Chart on the canvas.
 
Under the "Settings" tab, change icon colors with the Color Tool by clicking on Icon Color 1 or Icon Color 2. Change the background color of the chart with Background Color.
In the Venngage Editor, an Icon Column chart is selected on a blue design canvas and the Chart Menu panel is open in the right-hand side of the screen, showing two tabs: Data and Settings. The Data tab is selected; a user clicks on the Settings tab and the display switches to a series of headings that represent the different customizable areas of the Icon Column on the design canvas. The user changes the color of the icons in the chart, changing them from a dark blue and light blue to a bright magenta and a dark plum.
 
Toggle features on and off to display labels and titles. Expand each section to access that chart feature's customizable option, like font size, font style, font color, etc. 
In the Venngage Editor, an Icon Column chart is selected on a blue design canvas and the Chart Menu panel is open in the right-hand side of the screen, showing two tabs: Data and Settings. In the Settings tab, a list of headings appear with different, expandable sections that will allow the user to customize the chart's appearance. A user clicks on each of the sections, and uses the menus and toggles to change the appearance of the chart, adding and hiding data labels, a chart title, and the Y-axis scale; as the user makes the changes, the chart adjustments appear on the canvas in real time.
 

 

VENNGAGE LOGO

Curious about upgrading? Compare our plan features side by side.

Was this article helpful?

0 out of 1 found this helpful

Have more questions? Submit a request