# Linear Graphs

Machine Learning often uses linear graphs to show relationships

Important terminologi to know:

• Linear (strait line)
• Slope (angle of line)
• Intercept (start value)

## Linear

Linear means straight. A linear graph is a straight line.

In general, a linear graph display function values.

### Example

const xValues = [];
const yValues = [];

// Generate values
for (let x = 0; x <= 10; x += 1) {
xValues.push(x);
yValues.push(x);
}

// Define Data
const data = [{
x: xValues,
y: yValues,
mode: "lines"
}];

// Define Layout
const layout = {title: "y = x"};

// Display using Plotly
Plotly.newPlot("myPlot", data, layout);
Try it Yourself »

## Slope

The slope is the angle of the graph.

The slope is the a value in a linear graph:

y = ax

In this example, slope = 1.2:

### Example

let slope = 1.2;
const xValues = [];
const yValues = [];

// Generate values
for (let x = 0; x <= 10; x += 1) {
xValues.push(x);
yValues.push(x * slope);
}

// Define Data
const data = [{
x: xValues,
y: yValues,
mode: "lines"
}];
// Define Layout
const layout = {title: "Slope=" + slope};

// Display using Plotly
Plotly.newPlot("myPlot", data, layout);
Try it Yourself »

## Intercept

The Intercept is the start value of the graph.

The intercept is the b value in a linear graph:

y = ax + b

In this example, slope = 1.2 and intercept = 2:

### Example

let slope = 1.2;
let intercept = 7;
const xValues = [];
const yValues = [];

// Generate values
for (let x = 0; x <= 10; x += 1) {
xValues.push(x);
yValues.push(x * slope + intercept);
}

// Define Data
const data = [{
x: xValues,
y: yValues,
mode: "lines"
}];

// Define Layout
const layout = {title: "Slope=" + slope + " Intercept=" + intercept};

// Display using Plotly
Plotly.newPlot("myPlot", data, layout);
Try it Yourself »