How to Create a Graph Online in 5 Easy Steps

Written by:
Orana Velarde

create a graph - header

Have you been trying to figure out how to create a graph without pulling your hair out? Do you have lots of data in a spreadsheet and dread having to input all that data by hand?

We’ve been there. That’s why we created the Visme Graph Engine. 

In this post, we’ll look at how to create a graph in 5 easy steps.

With Visme, you can add a chart to any project, be it an infographic, presentation, proposal or business document. In the same vein, you can also create a graph to use on its own.

Let’s get started.

 

1 Open the Visme Graph Engine to Create a Graph

create a graph - visme graph engine

Ready?Create a graph using the Visme Graph Engine!Try It For Free

The first step towards creating your custom graph is to open the Visme Graph Engine. Find the Graph Engine inside the Data tab on the left-hand panel of your Visme editor. It’s available in new projects and existing projects. 

Design Tip: If creating an infographic, add a new content block for your chart. If creating a presentation, add a new slide for your custom graph. 

For a graph that needs to stand alone, simply open a new project or pick a graph template from the template library.

You don’t need to choose which graph you want to use until after you’ve input all your data. The Visme Graph Engine makes it easy to switch from one graph to another, and you only need to input the data once.

Below is a list of available graphs in the Graph Engine. Your custom graph could be any of these options. If you want to know more about each graph, skip ahead to the glossary at the bottom of the post before you continue with the tutorial.

  • Bar Graphs
  • Stacked Bar Charts
  • Histogram
  • Pie Graph
  • Donut Chart
  • Line Graph
  • Stacked Line Chart
  • Scatter Plot
  • Pyramid Graph
  • Funnel Graph
  • Mekko Graph
  • Spider Chart / Radar Chart

 

2 Input the Data or Import an Excel or CSV File

create a graph - input your data

Ready?Create a graph using the Visme Graph Engine!Try It For Free

There are three ways you can input the data for your custom graph into the Graph Engine. 

  • Manually
  • Import a Google Spreadsheet File
  • Import an Excel File 

The Visme Graph engine makes it easy to import a data set. If your data if on a Google Spreadsheet, first publish it to the web and then copy the link. Alternatively, download the spreadsheet as a CSV file and upload it.

Alternatively, if your data is in an Excel sheet, download the file as a XLSL or CSV file and upload it to the editor.

 

3 Personalize Your Graph

create a graph - personalize your graph

Ready?Create a graph using the Visme Graph Engine!Try It For Free

After inputting the data, it’s time to customize the chart to match the rest of your project. The first step is to color code the data. 

Use your brand colors or another custom palette. Choose colors that stand apart from each other so that the data is easy to read. 

In the data tab, click on a color and choose from your color palettes or the Visme palettes. Change the color of the background in the settings tab.

Also in the settings tab, customize the title, style, values, axes and legends. Choose the fonts, the position of the legend, their visibility, the prefixes and suffixes for the data values and the style of chart you want. 

The settings tab is also where you choose to make your graph into a stacked chart. Every type of chart can be stacked. 

 

4 Animate Your Graph or Make it Interactive

Now that your graph is ready, add another level of customization with animation and interactivity. In the settings tab, choose a style of animation for how the custom graphs loads onto your project when it’s seen. 

Additionally, choose whether or not you want to show a caption on hover. 

 

5 Insert it, Embed it, Share it or Download Your Graph

You’re done! Now press “insert” to make the graph appear in your project. There are lots of things you can do with your graph, be it on its own or inside a larger project. 

Share it with a live link or on social media by clicking on the ‘Share’ button. Embed it on your website or HTML email. Download it as an image or a PDF or as an interactive HTML file.

Create your own chart using Visme!

  • Upload an Excel file or sync with live data from Google sheets
  • Choose from 16+ types of charts, from bar and line graphs to pyramid and Mekko charts
  • Customize anything, from backgrounds and placement of labels to font style and color

Sign up. It's free.

 

Bonus Options to Create a Graph

There’s a little known aspect of the Visme Graph Engine that takes your data to the next level. When you input Google Sheets data, that data has been published to the web. 

This means if you want to share your graph online, the data can be live and can change along with the changes in the original datasheet. This is a great resource for a team that is analyzing progress or performance over time

To achieve this, simply publish the chart or the project where the chart is included to the web. Click on the Share tab in the Visme editor, publish your custom graph to the web and share it with your team via a link.

Furthermore, to help you create a graph, check out this video from our Learning Center.

Chart Glossary

Below is a list of data visualization charts available inside your Visme editor. Review what each graph can be used to visualize to make a decision on which one to choose.

create a graph - chart glossary infographic

Bar Charts

Bar charts are a classic type of chart that visualizes amounts for a set of categories. 

For example – how many donuts did each student eat in one month? The x-axis measures the amount of donuts and each bar along the y-axis is one student. Visually, bar graphs can be vertical or horizontal. 

Use a bar graph if you need to show different measurements of a group of things. Visme bar graphs can also be created as multi level bar graphs in which a category is separated into parts. This can also be set to be a stacked chart.

Stacked Bar Charts

Stacked charts are based on the regular bar graph but each category can be separated into parts. Using the same example from above, how many donuts each student ate is categorized into groups. Each color stack is a type of donut.

Use a stacked chart to show variable data about groups that can be separated into categories. To create a stacked chart with Visme, click on “enable stack” and choose between a regular view or a “100%” view. 

The choice will depend on your data. For an irregular variable set of amounts, use the regular style. Alternatively, for a data set that demonstrates percentages that equal 100, use the “100%” view.

Histogram

A histogram is visually a vertical bar chart, but it has a different purpose. A histogram visualizes the distribution of data over time or other numerical ranges.

The thing to remember about histograms is that your x-axis will always be a range of numbers instead of one fixed amount. 

The x-axis shows time intervals or ranges and the y-axis shows frequencies or amounts. A good data set for a histogram is weather patterns, sales per day, or any type of information surrounding age ranges.

With Visme, you can create a histogram with the bar graph function. Simply input your ranges as the x-axis variables and add the frequency of things occurring to the y-axis, and you’ve turned your bar chart into a histogram.

Pie Chart

A pie chart is another classic visualization used in all sorts of presentations, reports and proposals. Use a pie chart when you have to visualize amounts of data that are part of a whole. Each section of the chart represents a percentage of a full amount or concept. 

For example – what percentage of your time is spent on social media, working or reading? Each category is a slice, and they all together equal 100% of your time. To make a pie graph with Visme, simply choose the pie graph option in the Graph Engine. 

Additionally, you can choose to give the chart a 3D view.

Donut Chart

A donut chart is essentially the same as a pie graph but with a hole inside. It displays the data in the same way. The upside of having that hole in the middle is that you can place information or titles there.

For both pie charts and donut charts, they work best with a small number of variables. When there are too many variables, the slices are difficult to read.

Line Graph

Line graphs are the kinds of graphs you regularly see on analytics platforms for Google and social media platforms. 

These types of graphs visualize quantitative data along a specific span of time. A line graph can be separated into small categories to show the difference between them over the same amount of time. 

Use a line graph to show an analysis over time of things like sales, clicks and other quantitative values that happen constantly and can be grouped at intervals.

Using the Visme Graph Engine to create a line graph is easy, and you can customize it to fit the rest of your design.

Stacked Line Graphs

A stacked line graph is just like a line graph, but with a stacked design. To choose this option, simply click on the ‘stacked’ toggle in the settings tab when creating a line graph.

Pyramid Chart

Pyramid charts are great for showing hierarchical data. The values don’t need to be part of a whole and can be of varying numerical values. It helps visualize levels of data; this could be levels of importance, levels of income or other hierarchical data.

When inputting the data, make sure it’s set up with the smallest value at the top of your graph and increasing downwards.

Funnel Chart

A funnel chart is essentially a pyramid chart upside down. It’s great for visualizing a customer’s journey inside your company, from that first contact to downloads to sales. A funnel chart, like a pyramid chart, can include varying value sets. 

When inputting the data, make sure it’s set up with the highest value at the top of your graph and decreasing downwards.

Mekko Chart

A Mekko chart is similar to a stacked bar chart with an added bonus. The columns have different widths, adding another level of data. In a Mekko chart, the related variables inside the categories are more noticeable. 

Keep in mind that this type of chart is not a good choice if you have too many variables as it can get messy fast. 

Spider Graph or Radar Charts

Spider graphs are best kept simple with only a few variables in one or two categories. This type of chart is good for visualizing performance. All variables start from the same center axis and radiate outwards at different levels. 

 

Your Turn to Create a Graph With Visme

As you can see, creating a custom graph is easy with the Visme Graph Engine. Our favorite aspect of creating a chart with Visme is the way in which you can switch from graph to graph after inputting your data.

If you were looking for an easy to use tool to create a graph, we hope you give Visme a try. Our Graph Engine is intuitive, fully customizable and easy to use. Try it out and let us know what you think!

SPEAK LOUDLY. SPEAK VISUALLY.

65% of the population are visual learners

Create, share and download beautiful visuals with the world’s most versatile and powerful visual communication tool.

Create yours. It’s Free!
 



We’re stingy and don’t share emails with anyone.

About the Author

Orana is an artist of many trades, currently working as a graphic designer for bloggers and small businesses. Her love of art and travel create the perfect artist-nomad combination. She founded Orana Creative to help freelancers, solopreneurs and bloggers master a better visual strategy. She is passionate about eye happiness and loves constructive criticism.

Leave a Reply

Your email address will not be published. Required fields are marked *

Create Stunning Data Visualizations

Want to create beautiful data visualizations with the click of a button? Start creating charts and graphs within minutes with our easy drag-and-drop software. Access dozens of graph tools right now.

Get our 125-page guide to creating visual slides with impactDownload for Free
Get our 125-page guide to creating visual slides with impactDownload for Free