forked from flaminka/WhyR-wiz
-
Notifications
You must be signed in to change notification settings - Fork 0
/
stworzEkranGlowny.js
120 lines (76 loc) · 4.14 KB
/
stworzEkranGlowny.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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
/*
funkcja do generowania ekranu glownego z zakladki "Why R? 2017"
*/
var stworzEkranGlowny = function(){
/***** obszar rysowania *****/
// marginesy wykresu
var margin = {top: 60, right: 60, bottom: 10, left: 60};
// wielkosc wykresu
var width = 980 - margin.left - margin.right,
height = 650 - margin.top - margin.bottom;
// caly wykres
var svg_start=d3.select("#chart_ekranGlowny")
.append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.attr("id","svg_ekranGlowny")
// obszar rysowania
var g_start= svg_start.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
// teksty
g_start.append("text")
.attr("x", width/2)
.attr("y", 0)
.text("Why R 2017?")
.style("font-size", "40px")
.attr("text-anchor", "middle")
g_start.append("text")
.attr("x", width/2)
.attr("y", 50)
.text("Ogólnopolska konferencja entuzjastów pakietu statystycznego R")
.style("font-size", "20px")
.attr("text-anchor", "middle")
g_start
.append("a")
.attr("xlink:href", "http://whyr.pl/")
.append("text")
.attr("x", width/2)
.attr("y", 90)
.text("oficjalna strona www: http://whyr.pl/")
.style("font-size", "15px")
.attr("text-anchor", "middle")
g_start
.append("text")
.attr("x", width/2)
.attr("y", 180)
.text("Wizualizacja danych z ankiet rejestracyjnych")
.style("font-size", "30px")
.attr("text-anchor", "middle")
// opis
var opis =g_start
.append("text")
.attr("x", 0)
.attr("y", 230)
.style("font-size", "15px")
.attr("dy",0);
opis.append("tspan").attr("x",0).attr("dy", ".6em").text("Aby wziąć udział w konferencji Why R? 2017 należy zarejestrować się poprzez stronę whyr.pl. Przy rejestracji przyszły uczestnik konferencji")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("proszony jest o wypełnienie formularza zawierającego zarówno pola informacyjne (imię, nazwisko, mail, rok urodzenia, płeć, stopień naukowy,")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("miasto) jak i dodatkowe, opisujące jego doświadczenie związane z analizą i przetwarzaniem danych.")
opis.append("tspan").attr("x",0).attr("dy", "3em").text("Wśród pól dodatkowych można znaleźć takie pola jak: obecne stanowisko, tematyka, którą się zajmuje, tematyka, którą się interesuje")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("(ankietowany ma możliwość wyboru spośród podanych 25 tematów lub podać własny), jak również technologie używane na co dzień czy też")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("doświadczenie w analizach i pakiecie R podawane w latach. Informacje te zostały podsumowane na infografice dostępnej w zakładce")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text('"infografika".')
opis.append("tspan").attr("x",0).attr("dy", "3em").text("Dodatkowo uczestnik konferencji może zapisać się na 2 warsztaty (poranny i popołudniowy), przedstawiające różnorodne zastosowania")
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text('pakietu R. W zakładce "warsztaty" została umieszczona wizualizacja, dzięki której można zorientować się jakie grupy uczestników wybrały')
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("dany warsztat i które warsztaty cieszą się największą popularnością.")
opis.append("tspan").attr("x",0).attr("dy", "3em").text('Ostatnia zakładka "pakiety" przedstawia odpowiedzi ankietowanych na pytanie otwarte dotyczące używanych przez nich na co dzień pakietów')
opis.append("tspan").attr("x",0).attr("dy", "1.2em").text("R-owych.")
// autor
g_start
.append("text")
.attr("x", width-margin.left)
.attr("y", height)
.text("Autor: Ewa Baranowska, KN Data Science PW")
.style("font-size", "11px")
.attr("text-anchor", "middle")
};