Line Graph Maker

Line Graph Maker is a very easy to use tool to make line graph from raw information.

You will find at the bottom of this page tutorial about how to use this line graph maker.


Options
Line Graph Download

About Line Graph Creator

Line Chart Genrator has been built to help those who want to create a line graph to do it as easy as possible.

The following is a tutorial about how to use this Line Graph Maker:

  • Title:
    • Title Text: Write in this box the line chart title. This will appears on the top of the line graph. The maximum length of the line chart title is 500 letters.
    • Title Font-Size: This box will control the title font size. The size must be an integer and between 10 and 30 without unit, which is in px.
    • Title Color: Change to the color you want.
    • Title Position: Change the position of the title.
  • Labels: This box determine the number and names of the line chart columns, for ex if you want to create two columns called TV and Internet respectively, you should type "TV;Internet", note that they are separated by semicolon ";".
  • Data Sets: Determine the number of groups you want to compare with each other, for ex if you want to compare between boys and girls each group will have its own columns, then you have to select the data sets to 2.
  • Set Name: If we continue from the previous step, the set name of the first group will be "Boys" and the set name of the second group will be "Girls".
  • Values: Here you have to insert the values for each column of a single set. for ex "48;72" these are two values for two columns of one set, note that the are separated by ";".
  • Colors: Use this box to determine the fill color.
  • Line Style: You have 3 options:
    • Filled: It will fill the background between 0 and the values of the line with a custom color.
    • Unfilled: Normal line.
    • Dashed: Line as dashes.
  • Line Width: Control the width of the line.
  • Line Color: Change the color of the line.
  • Y Axis:
    • Name: Set the name of the y axis to be displayed next to it.
    • Step Size: This box determine the steps on the y axis. You can type "auto" to auto select the step size or you can inserta an integer value of the step for ex if y axis valuer range between 0 and 100 you can insert "20" to divide y axis to 5 sections.
    • Font-Size: This box will control the y axis font size. The size must be an integer and between 10 and 30 without unit, which is in px.
    • Font-Color: Change to the color you want.
  • Y Grid Lines:
    • Lines-Width: This box will control the width of the y grid lines, width values are range between 0.1 and 2.
    • Font-Color: Change to the color you want.
  • X Axis:
    • Name: Set the name of the x axis to be displayed below.
    • Font-Size: This box will control the x axis (the columns names) font size. The size must be an integer and between 10 and 30 without unit, which is in px.
    • Font-Color: Change to the color you want.
  • X Grid Lines:
    • Lines-Width: This box will control the width of the x grid lines, width values are range between 0.1 and 2.
    • Font-Color: Change to the color you want.
  • Y Axis Unit:
    • Unit: If you want to add unit to column y, you have to insert the unit here.
    • Positions: You have 3 options
      • 1- NaN: means do not show unit.
      • 2- Unit to All: means add the unit to all steps on y axis.
      • 3- Unit to Top: means add the unit only to the last step of y axis.
  • Legend:
    • Font-Size: This box will control the legend (the stes names) font size. The size must be an integer and between 10 and 30 without unit, which is in px.
    • Font-Color: Change to the color you want.
    • Position: Change the position of the legend.
  • Background Color:
    • Area: This box will control the area where this color will be applied.
    • Background-Color: Change to the color you want.

Line Chart Maker

Example:

This is an example of line chart generated from this page:

  • Title:
    • Title Text: Weather During The Year
    • Title Font-Size: 18.
    • Title Color: #000.
    • Title Position: Top.
  • Labels: Jan; Feb; Mar; Apr; May; Jun; Jul; Aug; Sep; Oct; Nov; Dec
  • Data Sets: 3
  • Set Name:
    • Set1: New York, USA
    • Set2: London, UK
    • Set3: Sydney, Australia
  • Values:
    • Set1: 3.5; 5.3; 9.8; 16.2; 21.6; 26.3; 28.9; 28.1; 24.0; 17.7; 12.1; 6.1
    • Set2: 8.1; 8.6; 11.6; 14.6; 18.1; 21.0; 23.4; 23.1; 20.0; 15.5; 11.3; 8.4
    • Set3: 26.5; 26.5; 25.4; 23.3; 20.6; 18.0; 17.4; 18.9; 21.2; 22.8; 23.8; 25.5
  • Line Style:
    • Line1: Unfilled
    • Line2: Unfilled
    • Line3: Unfilled
  • Line Width:
    • Line1: 3
    • Line2: 3
    • Line3: 3
  • Line Color:
    • Line1: #008040
    • Line2: #0080c0
    • Line3: #800000
  • Y Axis:
    • Name: Temperature (°C)
  • X Axis:
    • Name: Month

line-chart


Privacy Policy for Dev-Gears

At Dev-Gears, accessible from dev-gears.com, one of our main priorities is the privacy of our visitors. This Privacy Policy document contains types of information that is collected and recorded by Dev-Gears and how we use it.

If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us through email at [email protected]

Log Files

Dev-Gears follows a standard procedure of using log files. These files log visitors when they visit websites. All hosting companies do this and a part of hosting services' analytics. The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and time stamp, referring/exit pages, and possibly the number of clicks. These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.

Google DoubleClick DART Cookie

Google is one of a third-party vendor on our site. It also uses cookies, known as DART cookies, to serve ads to our site visitors based upon their visit to www.website.com and other sites on the internet. However, visitors may choose to decline the use of DART cookies by visiting the Google ad and content network Privacy Policy at the following URL – https://policies.google.com/technologies/ads

Privacy Policies

Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on Dev-Gears, which are sent directly to users' browser. They automatically receive your IP address when this occurs. These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.

Note that Dev-Gears has no access to or control over these cookies that are used by third-party advertisers.

Third Party Privacy Policies

Dev-Gears's Privacy Policy does not apply to other advertisers or websites. Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information. It may include their practices and instructions about how to opt-out of certain options. You may find a complete list of these Privacy Policies and their links here: Privacy Policy Links.

You can choose to disable cookies through your individual browser options. To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites. What Are Cookies?

Online Privacy Policy Only

This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in Dev-Gears. This policy is not applicable to any information collected offline or via channels other than this website.

Consent

By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.