-
Notifications
You must be signed in to change notification settings - Fork 0
/
pisareadingPlot.js
56 lines (53 loc) · 2.83 KB
/
pisareadingPlot.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
var pisaReading = {
x: pisareadingJSON.map(row => row.countryName),
y: pisareadingJSON.map(row => row.averageScore),
text: pisareadingJSON.map(row => row.countryName),
name: "PISA READING",
type: "bar",
marker:{
color: ['rgba(0, 153, 0, 1)', 'rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 153, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)', 'rgba(0, 204, 0, 1)', 'rgba(0, 204, 0, 1)', 'rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)','rgba(0, 204, 0, 1)', 'rgba(96, 96, 96, 1)', 'rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)',
'rgba(204,204,0,1)',
'rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(204, 204, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 128, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)','rgba(255, 0, 0, 1)']
}
};
// Combining both traces
var pisaReadingData = [pisaReading];
// Apply the group barmode to the layout
var pisaLayout2 = {
title: "PISA READING SCORE",
barmode: "group",
annotations: [
// {
// xref: 'paper',
// yref: 'paper',
// x: 0.0,
// y: 1.05,
// xanchor: 'left',
// yanchor: 'bottom',
// text: 'From High School to College Enrollment',
// font:{
// family: 'Arial',
// size: 20,
// color: 'rgb(37,37,37)'
// },
// showarrow: false
// },
{
xref: 'paper',
yref: 'paper',
x: 1,
y: 1,
xanchor: 'top',
yanchor: 'left',
text: 'Source: National Center for Education Statistics',
showarrow: false,
font: {
family: 'Arial',
size: 12,
color: 'rgb(150,150,150)'
}
}
]
};
// Render the plot to the div tag with id "plot"
Plotly.newPlot("pisaReading", pisaReadingData, pisaLayout2);