Support Centre

Add a chart to your accessible design

Renée Meloche
Renée Meloche
  • Updated
Available on the following Venngage subscription plans: Premium, Business and Enterprise.

Add a chart and chart data to your accessible design, then describe the contents using alt text to ensure everyone can understand it. Learn how in this article.

Create a chart

Select or click on "Charts" in the left sidebar to add a chart or table to the design canvas.

A user clicks on the 'Charts' menu in the left sidebar in the upgraded Venngage Editor and clicks on a donut pie chart, which appears on the design canvas.
 

Choose from:

  • basic tables

  • pie charts

  • column and stacked column charts

  • bar and stacked bar charts

  • line charts

  • area and stacked area charts

In the 'Charts' menu in the left sidebar in the upgraded Venngage Editor, a clicks on a Column chart, which appears on the design canvas. The user then resizes the column chart to make it bigger.

Resize the chart to fit the area on your design canvas you want to fill.

 

Add data to a chart

Select the chart.

Click the "Data" tab in the "Edit Chart" panel that comes up on the right side, overlaying the design canvas.

With a pie chart selected on a design canvas in the upgraded Venngage Editor, a user clicks the 'Data' tab in the 'Edit Chart' panel overlaying the right side of the canvas. The user types a new number into several of the data cells in the chart under the 'Data' tab, changing the size of the segments of the pie chart.
 

Type or paste values into the spreadsheet; the chart will update automatically on the design canvas.

Change the color of the Legend with the color picker square under the "Legend" heading in the "Setup" tab of the "Edit Chart" panel. You can also toggle the legend on and off to display or remove it.

A user toggles the legend on and off to change the chart display on the design canvas.

 

Import data from another app and add it to your chart

Select the chart; either double-click to open the Edit Chart panel, or select "Edit Chart" in the top toolbar. 

Above the chart, click or Tab+Spacebar select the "Browse Files" button.

Select a *.csv or *.xlsx file from your device and confirm. The data will be imported into the Chart spreadsheet in the upgraded Venngage Editor. 

A horizontal stacked bar chart appears on a light blue background of a design canvas in the upgraded Venngage Editor, under the heading 'Public sector industries are projected to grow faster than education and technology over the next decade'. The chart has three bars; each bar has three different colored section, including purple, green, and dark blue. The chart's Y-Axis is labelled 'Industries' and the three bars are labelled A, B and C, respectively. The X-Axis is labelled 'Percentage of organizations' and underneath it, a legend appears, indicating that the dark blue represents the decade 2010; the green represents the decade 2020; and the purple represents the decade 2030. A user clicks on the chart to select it, and clicks Edit Chart in the top toolbar. A fly-over panel opens in the right side of the canvas. The panel is labelled Edit Chart, and has two tabs: Data and Setup. The 'Data' tab is selected. On the tab, the spreadsheet with the chart's data is visible. The user indicates the section above the spreadsheet, where an action box labelled 'Import CSV or XSLX files' appears, and then clicks on the Browse Files button next to it. A pop-up window appears over the Editor, a file explorer, which the user navigates, selecting an xslx file from the explorer. The data from the spreadsheet automatically imports into the spreadsheet on the Edit Chart Data panel in the upgraded Venngage Editor, and the data on the stacked bar chart on the design canvas changes to reflect the new data in the spreadsheet.

 

Copy data from an external spreadsheet and paste it directly into the chart spreadsheet in the upgraded Editor for an even easier import. 

Select the data in a spreadsheet (like Google Sheets or Microsoft Excel) and copy it with CTRL+C (Windows) or CMD+C (Mac). Use CTRL+V (Window) or CMD+V (Mac) to paste those values into the chart spreadsheet in the upgraded Editor.

Add alt text to your chart

Select the chart.

Click or select the "Alt Text" button in the top toolbar to open the "Add Alt Text" modal (box) and enter descriptive text for your chart. Click "Save" when you're done.

A user clicks on a line chart on a design canvas in the Venngage Editor. When the chart is selected, the user clicks 'Alt text' in the top toolbar and enters descriptive text into the text field of the 'Add Alt Text' modal (box) that pops up, then clicks 'Save', closing the modal box.

Writing descriptive text for complex non-text elements like charts can be daunting because they contain a lot of information. Learn more about writing long and short alt text for complex elements in designs.

 

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

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

Start designing!

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request