Web Design » Figma » How do I make a bar graph in Figma?

How do I make a bar graph in Figma?

Last updated on September 24, 2022 @ 6:37 pm

Making a bar graph in Figma is easy. First, create a new document and save it as bar.html. In the document, add a bar element and set the width and height to 100%.

PRO TIP: When creating a bar graph in Figma, be sure to use the correct data types. Bar graphs are best suited for categorical data, such as “Number of employees by department.” If you try to use a bar graph for numerical data that is not categorical, such as “Sales by month,” the results will be confusing and difficult to interpret.

In the properties panel, set the data-name attribute to your data name. In the data-value attribute, set the values of the data you want to graph. Finally, in the graph element, add the bar element and set the data-name attribute to your data name. You can now add axis labels and graph lines.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.