Support Centre

Use chart Setup to customize a chart in your accessible design

Renée Meloche
Renée Meloche
  • Updated

Change chart colors, border, legend text and more from the chart "Setup" panel. For more on how to add data or alt text to charts in your accessible design, check out this article

Change chart colors

Open the "Chart Style" heading in the "Setup" tab of the "Edit Chart" panel.

Use the color picker square next to each data category to change the color that data will be displayed with on the chart.

A user clicks the color picker square next to several data categories in the 'Setup' tab of the 'Edit Chart' panel in the Venngage editor. Using the color picker, they change the colors.
 

The Contrast Ratio at the bottom of the color picker menu will automatically display whether the color meets color contrast ratio guidelines.

Use the color picker next to any element of the chart under "Setup" to change its colors.

A user clicks on the Grid Lines heading under the Setup tab in the Edit Chart panel and changes the grid lines from light to dark in the background of a column chart.

Colors and other design elements help make data and charts more accessible to visually impaired readers or readers with other accommodation needs.

 

Change border, spacing and donut hole diameter

Certain charts let you customize borders or spacing of value columns area. 

Modify the border or spacing values with the slider or by typing a value into the field next to the slider. 

A design canvas is open in the upgraded Venngage Editor. The design canvas is light blue and there is a pie chart in the center of the canvas; the pie chart is divided into 4 segments of varying size. the Edit Chart panel is open, overlaying part of the canvas on the right side of the screen. A user clicks on the color picker square next to the Border Color heading. The user changes the color from white to bright green. The user then clicks and drags the slider next to the Border width tool. On the design canvas, the border between the segment on the pie chart gets thicker, making the bright green color more visible.

 

Turn a pie chart into a donut chart with the slider beside "Donut hole" or change the size percentage by entering a value into the percentage field. 

A design canvas is open in the upgraded Venngage Editor. The design canvas is light blue and there is a pie chart in the center of the canvas; the pie chart is divided into 4 segments of varying size. the Edit Chart panel is open, overlaying part of the canvas on the right side of the screen. A user clicks and drags the slider next to the Donut hole setting. On the canvas, a hole in the center of the pie chart becomes larger or smaller as the user drags the slider.

 

Toggle patterns on and off

Patterns make it easier for those with visual impairments or other difficulties to distinguish between different data sets in a chart. 

Use the toggle to apply auto-generated patterns to your chart segments.

A design canvas is open in the upgraded Venngage Editor. The design canvas is light blue and there is a donut pie chart in the center of the canvas; the chart is divided into 4 segments of varying size. the Edit Chart panel is open, overlaying part of the canvas on the right side of the screen. A user clicks on the toggle next to Show patterns in the Edit Chart panel. Patterns become visible on each of the segments on the pie chart, unique to each segment. The user toggles the Show patterns off; the patterns do not appear on the pie chart. The user toggles the Show patterns on; new, unique patterns appear on each segment of the pie chart.

 

Label chart segments

Toggle Labels on to apply them to the different segments or bars of your chart. Using the Font and Text Style tools, customize the labels so that the colors are easy to read and the font size is accessible to visually impaired readers.

A design canvas is open in the upgraded Venngage Editor. The design canvas is light blue and there is a donut pie chart in the center of the canvas; the chart is divided into 4 segments of varying size.  Each of the segments of the chart has a label with the name of the value and a percentage, e.g., 'Directors, 32%', 'Managers, 31%', etc. The Edit Chart panel is open, overlaying part of the canvas on the right side of the screen. A user adjusts the values underneath the Labels heading, changing the font of the labels on the chart from Oswald to Verdana, then changing the size of the text from 18 to 24 pt; then the color of the font from navy blue to black, and the styling of the text from Bold to Italic. Then the user toggles the switch next to the Label heading and the labels next to each segment of the chart on the design canvas are hidden.

 

Customize how the legend displays

You can use a legend to represent the different segments and values of your chart, instead of labels. 

Use the toggle next to Legends in the Edit Chart panel to turn on the Legend. Control how the legend appears with the Font and Text Style options under the Legend. 

A design canvas is open in the upgraded Venngage Editor. The design canvas is light blue and there is a donut pie chart in the center of the canvas; the chart is divided into 4 segments of varying size. The Edit Chart panel is open, overlaying part of the canvas on the right side of the screen. A user clicks the toggle next to the Legend heading. A legend representing the colors and values of the chart appears underneath the chart. The user customizes the Legend by changing the font face, then changing the size of the text from 12 to 18 pt; then the color of the font from navy blue to black, and the styling of the text to Bold.

Explore more design tips and tricks to make your charts more accessible and showcase your data in an engaging way.

 

The feature(s) discussed in this article is available on the following Venngage subscription plans: Premium, Business and Enterprise.

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

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request