+BAR-CHART NEGATIVE

+Data just like the bar chart except it accepts negative (-) values

JSON

[{

"cols": [{"label": "name", "type": "string", "value": ""},

{"label": "value", "type": "number", "value": ""}],

"rows": [["A","-15"],["B","-20"],["C","-22"],["D","-18"],["E","2"],["F","6"],
["G","26"],["H","18"]],
 "data": [{"name": "A","value": -15},{"name": "B","value": -20},{"name":
"C","value": -22},{"name": "D","value": -18},{"name":"E","value":2},
{"name":"F","value":6},{"name":"G","value":26},{"name":"H","value":28}]

}]

GROUPED BAR CHART

+The value of x on x-axis has minor same attributes with different values at the
y-axis

+e.g COUNTRY A as a value on x-axis has a1,a2,ab

+ COUNTRY B '''''''''''''''''''''''''b1,b2,b3

+HISTOGRAM

+Should be just bar chart

+Plotting x-values against y-values on the axes.

+MULTILINE CHART

Plotting multiple x-values against multiple-y-values

Outcome are many lines on a graph.

JSON FILE

"name": "KISUMU",

"show": true,

"color": "red",
"currentPopulation": 37253956,

"history": [

"year": 1910,

"population": 2377549

},

"year": 1920,

"population": 3426861

},

"year": 1930,

"population": 5677251

},

"year": 1940,

"population": 6907387

},

"year": 1950,

"population": 10586223

},

"year": 1960,

"population": 15717204

},

{
 "year": 1970,

"population": 19953134

},

"year": 1980,

"population": 23667902

},

"year": 1990,

"population": 29760021

},

"year": 2000,

"population": 33871648

},

"year": 2010,

"population": 37253956

},

"name": "KINANGOP",

"show": true,

"color": "blue",

"currentPopulation": 9883640,

"history": [
{

"year": 1910,

"population": 2810173

},

"year": 1920,

"population": 3668412

},

"year": 1930,

"population": 4842325

},

"year": 1940,

"population": 5256106

},

"year": 1950,

"population": 6371766

},

"year": 1960,

"population": 7823194

},

"year": 1970,

"population": 8875083
 },

"year": 1980,

"population": 9262078

},

"year": 1990,

"population": 9295297

},

"year": 2000,

"population": 9938444

},

"year": 2010,

"population": 9883640

},

"name": "KIGALI",

"show": true,

"color": "green",

"currentPopulation": 25145561,

"history": [

"year": 1910,
 "population": 3896542

},

"year": 1920,

"population": 4663228

},

"year": 1930,

"population": 5824715

},

"year": 1940,

"population": 6414824

},

"year": 1950,

"population": 7711194

},

"year": 1960,

"population": 9579677

},

"year": 1970,

"population": 11196730

},

{
 "year": 1980,

"population": 14229191

},

"year": 1990,

"population": 16986510

},

"year": 2000,

"population": 20851820

},

"year": 2010,

"population": 25145561

+PIE CHART
+Having a range of values and you map them to a pie- chart based on the percentage
they occupy

JSON
{
"data": [{
"rows": [{"floorratio": [{"floor": "Far Cry Primal","ratio": 0.2},{"floor": "Uncharted 4","ratio": 0.15},
{"floor": "Far Cry Primal","ratio": 0.1},{"floor": "Uncharted 4","ratio": 0.35}]
}]
}]
}
+

SCATTER-PLOT
Having values plotted on a graph but no lines. Ideally the values are plotted x and
y values against each other without joining the values

JSON FILE
[
{
"process": "process1",
"role": "role1",
"hours": 120
},
{
"process": "process2",
"role": "role1",
"hours": 50
},
{
"process": "process2",
"role": "role2",
 "hours": 85
},
{
"process": "process3",
"role": "role2",
"hours": 0
},
{
"process": "process3",
"role": "role3",
"hours": 180
},
{
"process": "process3",
"role": "role4",
"hours": 45
},
{
"process": "process3",
"role": "role5",
"hours": 40
},
{
"process": "process4",
"role": "role2",
"hours": 2
},
{
"process": "process4",
"role": "role4",
 "hours": 95
}
]
+

STACKED BAR CHART

+Plotting multiple json values

JSON FILE

[
[
{
"time": "0",
"y": 0
},
{
"time": "1",
"y": 0
},
{
 "time": "2",
"y": 0
},
{
"time": "3",
"y": 0
},
{
"time": "4",
"y": 0
},
{
"time": "5",
"y": 0
},
{
"time": "6",
"y": 0
},
{
"time": "7",
"y": 0
},
{
"time": "8",
"y": 0
},
{
"time": "9",
"y": 0
},
{
"time": "10",
"y": 0
},
{
"time": "11",
"y": 0
},
{
"time": "12",
"y": 0
},
{
"time": "13",
"y": 0
},
{
"time": "14",
 "y": 45
},
{
"time": "15",
"y": 23
},
{
"time": "16",
"y": 21
},
{
"time": "17",
"y": 12
},
{
"time": "18",
"y": 42
},
{
"time": "19",
"y": 12
},
{
"time": "20",
"y": 10
},
{
"time": "21",
"y": 11
},
{
"time": "22",
"y": 0
},
{
"time": "23",
"y": 1
}
],
[
{
"time": "0",
"y": 0
},
{
"time": "1",
"y": 0
},
{
 "time": "2",
"y": 0
},
{
"time": "3",
"y": 0
},
{
"time": "4",
"y": 0
},
{
"time": "5",
"y": 0
},
{
"time": "6",
"y": 0
},
{
"time": "7",
"y": 0
},
{
"time": "8",
"y": 0
},
{
"time": "9",
"y": 0
},
{
"time": "10",
"y": 0
},
{
"time": "11",
"y": 0
},
{
"time": "12",
"y": 0
},
{
"time": "13",
"y": 0
},
{
"time": "14",
 "y": 4
},
{
"time": "15",
"y": 8
},
{
"time": "16",
"y": 1
},
{
"time": "17",
"y": 10
},
{
"time": "18",
"y": 1
},
{
"time": "19",
"y": 3
},
{
"time": "20",
"y": 4
},
{
"time": "21",
"y": 6
},
{
"time": "22",
"y": 2
},
{
"time": "23",
"y": 1
}
],
[
{
"time": "0",
"y": 0
},
{
"time": "1",
"y": 0
},
{
 "time": "2",
"y": 0
},
{
"time": "3",
"y": 0
},
{
"time": "4",
"y": 0
},
{
"time": "5",
"y": 0
},
{
"time": "6",
"y": 0
},
{
"time": "7",
"y": 0
},
{
"time": "8",
"y": 0
},
{
"time": "9",
"y": 0
},
{
"time": "10",
"y": 0
},
{
"time": "11",
"y": 0
},
{
"time": "12",
"y": 0
},
{
"time": "13",
"y": 0
},
{
"time": "14",
 "y": 0
},
{
"time": "15",
"y": 0
},
{
"time": "16",
"y": 0
},
{
"time": "17",
"y": 0
},
{
"time": "18",
"y": 0
},
{
"time": "19",
"y": 0
},
{
"time": "20",
"y": 0
},
{
"time": "21",
"y": 4
},
{
"time": "22",
"y": 0
},
{
"time": "23",
"y": 0
}
]
]