Skip to content

Commit f543126

Browse files
codestancecodestance
authored
Merge pull request #1 from codestance/dev
Dev
2 parents 1faded4 + 6acc7d4 commit f543126

File tree

3 files changed

+150
-3670
lines changed

3 files changed

+150
-3670
lines changed

‎births.csv

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
year,M,W,sum
2+
2000,195953,184523,380476
3+
2001,190467,179780,370247
4+
2002,183044,172482,355526
5+
2003,181525,171260,352785
6+
2004,184354,173530,357884
7+
2005,188265,177830,366095
8+
2006,193474,182561,376035
9+
2007,200289,189424,389713
10+
2008,213944,202493,416437
11+
2009,215815,203522,419337
12+
2010,215324,199706,415030
13+
2011,200795,189274,390069
14+
2012,199550,188308,387858
15+
2013,190631,180331,370962
16+
2014,193798,182703,376501
17+
2015,190244,180139,370383
18+
2016,196686,186718,383404
19+
2017,206990,196093,403083
20+
2018,200468,188987,389455
21+
2019,193327,182865,376192
22+
2020,182932,173608,356540

‎index.html

Lines changed: 128 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,48 +8,83 @@
88
<link rel="stylesheet" href=https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.2/c3.min.css>
99
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
1010
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
11+
<style>
12+
.c3-line{
13+
stroke-width: 2px;
14+
}
15+
</style>
1116
</head>
12-
<body>
17+
<body class="container-fluid">
1318
<h1 class="text-center display-4">Imiona dzieci w Polsce</h1>
1419
<div class="wrapper px-md-4 px-1 py-2">
15-
<div class="btn-group w-100" role="group">
16-
<select id="selectNames" class="chosen-select w-100" data-placeholder="Wpisz imię..." multiple="multiple" tabindex="-1">
17-
</select>
18-
</div>
1920
<br/>
21+
<h2>O danych</h2>
22+
<p>
23+
Dane dotyczą imion nadawanych w Polsce w latach 2000 - 2020.
24+
Pochodzą ze strony <a href="https://dane.gov.pl/dataset">https://dane.gov.pl</a>. Do roku 2012 imiona z liczbą wystąpień poniżej 5 nie były umieszczane na liście, od 2013 r. granicą tą jest liczba 2.
25+
<br/>W zestawieniu można zaobserwować wpływ popkultury na nadawane imiona, np. pik dla imienia Klaudiusz w 2001 roku, po emisji pierwszej edycji Big Brothera, w której dużą popularnością cieszył się Klaudiusz Sevković.
26+
<br/>Największą popularność wśród imion dla chłopców zdobył Jakub, którym w latach 2000 - 2020 nazwano aż 273618 dzieci, co stanowi 6,38% wszystkich chłopców.
27+
Z kolei wśród imion dla dziewczynek najczęściej wybierano Julię - 254148 razy, czyli nazwano tak 6,19% wszystkich dziewczynek urodzonych w ostatnich dwudziestu latach.
28+
</p>
2029
<br/>
21-
<div id="chart"></div>
30+
<a href="#instruction">Przejdź do wykresu popularnośći</a>
2231
<br/>
2332
<br/>
24-
<h4>Jak używać</h4>
33+
<h2>Liczba urodzeń</h2>
34+
<div id="births"></div>
35+
<p>
36+
Ogólna liczba urodzeń zmniejszyła się z 724 tys. w 1983 roku do 355 tys. w roku 2003, przy czym
37+
był to okres, gdy w wieku najwyższego natężenia urodzeń (20–29 lat) były kobiety urodzone w latach
38+
1970–1985, czyli podczas echa powojennego wyżu urodzeń. Od 2004 roku liczba urodzeń stopniowo
39+
rosła (do 419 tys. w roku 2009), jednak już rok później ponownie wystąpiła tendencja spadkowa do
40+
356 tys. w 2020 roku. Tendencję zakłócił wzrost liczby urodzeń w latach: 2014 (o blisko 6 tys. w stosunku do roku poprzedniego), 2016 (o prawie 13 tys.) i 2017 (o blisko 20 tys.).
41+
<br/>Na znaczący spadek liczby urodzeń po 2009 roku wpływał przede wszystkim spadek liczby urodzeń pierwszego dziecka, zaś chwilowy wzrost
42+
liczby urodzeń w roku 2014 oraz w latach 2016–2017 wynikał z większej liczby urodzeń drugiego i kolejnego dziecka.(1)
43+
<br/>Jak wynika z rządowego dokumentu(2) współczynnik dzietności jest powiązany ze stopą bezrobocia.
44+
W 2003 roku, gdy nastąpił spadek urodzeń stopa bezrobocia wynosiła ~20%. Natomiast podczas wzrostu urodzeń w 2017 roku
45+
bezrobocie było najniższe od 1991 roku(3).
46+
<br/>Wzrost urodzeń w latach 2016-2017 mógł mieć również związek ze sztandarowym programem społecznym PiS - czyli 500 plus,
47+
który na początku obejmował tylko drugie i kolejne dziecko. W związku z tym nastąpiła krótkotrwała korekta tzw. odroczonych
48+
decyzji o urodzeniu drugiego i trzeciego dziecka. Jednak program ten nie zwiększył dzietności - liczba kobiet
49+
decydujących się na pierwsze dziecko ciągle spada, a 2021 rok zapowiada się jako powojenny (negatywny) rekord.
50+
</p>
51+
<br/>
52+
<h2>Poplarność imion</h2>
53+
<p>
54+
Z racji różnej liczby urodzeń w kolejnych latach popularność imion wyrażona jest w procentach wszystkich urodzeń
55+
w danym roku z podziałem na płeć.
56+
</p>
57+
<h3 id="instruction">Jak używać</h3>
2558
<p>
2659
Zacznij wpisywać imię w polu nad wykresem i wybierz z listy, lub wpisz całe imię i kliknij <em>Enter</em>.
2760
Możesz porównywać maksymalnie do ośmiu imon na raz.
2861
Osobno przedstwione są różne pisownie i warianty, np. Alex, Aleks. Jeśli imię nadawane było chłopcom i dziewczynkom w nawiasie podana jest płeć, np Alex (K), Alex (M).
2962
</p>
3063
<br/>
31-
<h4>O danych</h4>
32-
<p>
33-
Dane dotyczą imion nadawanych w Polsce w latach 2000 - 2019.
34-
Pochodzą ze strony <a href="https://dane.gov.pl/dataset">https://dane.gov.pl</a>. Do roku 2012 imiona z liczbą wystąpień poniżej 5 nie były umieszczane na liście, od 2013 r. granicą tą jest liczba 2.
35-
<br/>W zestawieniu można zaobserwować wpływ popkultury na nadawane imiona, np. pik dla imienia Klaudiusz w 2001 roku, po emisji pierwszej edycji Big Brothera.
36-
Największą popularność wśród imion dla chłopców zdobył Jakub, którym w latach 2000 - 2019 nazwano aż 266456 dzieci, z kolei wśród imion dla dziewczynek najczęściej wybierano Julię - 246797 razy.
37-
</p>
64+
<div class="btn-group w-100" role="group">
65+
<select id="selectNames" class="chosen-select w-100" data-placeholder="Wpisz imię..." multiple="multiple" tabindex="-1">
66+
</select>
67+
</div>
68+
<br/>
69+
<div id="names"></div>
70+
<!-- <div id="namesNew"></div> -->
71+
<br/>
72+
<br/>
3873
</div>
3974
<script src="https://d3js.org/d3.v5.min.js"></script>
4075
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.7.2/c3.min.js"></script>
4176
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
4277
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>
4378
<script>
4479
var chart,data;
45-
let years = []; for(i=2000;i<=2019;i++) years.push(i)
46-
let yearsColumn = ['x']; for(y of years) yearsColumn.push(y)
80+
const years = []; for(i=2000;i<=2020;i++) years.push(i)
81+
const yearsColumn = ['x']; for(y of years) yearsColumn.push(y)
4782
function addOption(name){
48-
let opt = `<option id="${name}" value="${name}" >${name}</option>`;
83+
const opt = `<option id="${name}" value="${name}" >${name}</option>`;
4984
document.getElementById('selectNames').insertAdjacentHTML('beforeend',opt);
5085
}
5186
function getNameData(name){
52-
let result = [name];
87+
const result = [name];
5388
let choice= data.filter(a=>a.name===name)
5489
if(choice.length === 1){
5590
choice=choice[0]
@@ -61,11 +96,11 @@ <h4>O danych</h4>
6196
}
6297
function addName(name){chart.load({columns:[yearsColumn, getNameData(name)]})}
6398
function delName(name){chart.unload({ids: name})}
64-
d3.csv('names.csv').then(function(dat){
99+
d3.csv('https://gist.githubusercontent.com/codestance/f9a514f4dcad8ab1e981aa322deb885f/raw/7e8b4d14df60fa493081a5155edbaa5061dbf8dd/names-given-in-poland-till-2020').then(function(dat){
65100
data=dat;
66101
dat.map(d=>addOption(d.name))
67102
chart=c3.generate({
68-
bindto: '#chart',
103+
bindto: '#names',
69104
data: {
70105
x: 'x',
71106
columns:[],
@@ -74,12 +109,21 @@ <h4>O danych</h4>
74109
text: 'Brak danych. Wybierz imię z listy'
75110
}
76111
},
77-
axis: {
78-
x: {
79-
type:'timeseries'
112+
type: 'line',
113+
order: null
114+
},
115+
axis: {
116+
y: {
117+
min: 0,
118+
padding: {
119+
left: 0,
120+
right: 0
121+
},
122+
label: {
123+
text: '% urodzeń',
124+
position: 'outer-middle'
80125
}
81-
},
82-
type: 'spline'
126+
}
83127
},
84128
point: {
85129
show: true
@@ -101,6 +145,65 @@ <h4>O danych</h4>
101145
delName(e.params.data.text)
102146
})
103147
})
148+
149+
c3.generate({
150+
bindto: '#namesNew',
151+
data: {
152+
x: 'name',
153+
xFormat: '%Y',
154+
columns: [['name','2000','2001','2002','2003','2004','2005','2006','2007','2008','2009','2010','2011','2012','2013','2014','2015','2016','2017','2018','2019','2020'],
155+
['JAKUB',7.349072051,9.696426618,9.717660383,8.967060557,8.791191153,8.195207966,7.846769856,7.604767252,6.966773376,6.382508738,6.002904631,5.855582945,5.549923387,5.238200796,4.840549122,4.370972261,4.336138056,4.222377331,4.306523116,4.000321392,3.838362184],
156+
['JULIA',5.38307809,6.784997939,6.761774589,6.98353401,7.791083783,7.772292368,7.520597363,7.664508955,8.031592747,7.283529942,7.131775071,6.7657978,7.006591208,5.737263235,4.831635434,4.62043389,4.483998703,4.634105525,4.347714472,4.342983819,4.157123549],
157+
['KACPER',4.510729331,4.464253153,5.419194779,6.470540076,6.849542276,6.489472046,6.23219586,5.754295906,5.125589249,4.481096322,3.864991343,3.701305609,4.267640646,4.170321039,3.7488347,3.261132825,2.92678836,2.741644533,2.628487447,2.455130716,2.297014845]
158+
],
159+
type: 'line',
160+
order: null
161+
},
162+
axis: {
163+
x: {
164+
type: 'timeseries',
165+
tick: {
166+
format: '%Y'
167+
}
168+
}
169+
}
170+
})
171+
c3.generate({
172+
bindto: '#births',
173+
data: {
174+
x: 'year',
175+
url: 'births.csv',
176+
type: 'bar',
177+
types: {
178+
sum: 'line'
179+
},
180+
groups: [
181+
['M', 'W']
182+
],
183+
order: null,
184+
names: {
185+
M: 'chłopcy',
186+
W: 'dziewczynki',
187+
sum: 'suma'
188+
}
189+
},
190+
axis: {
191+
y: {
192+
max: 420000,
193+
tick: {
194+
values: [100000, 200000, 300000, 400000],
195+
format: d3.format("~s")
196+
}
197+
}
198+
}
199+
})
104200
</script>
105201
</body>
202+
<footer>
203+
<ol>
204+
<li><a href="https://www.batory.org.pl/wp-content/uploads/2021/09/I.E.Kotowska_Zmiany.demograficzne.w.Polsce.pdf"><cite>Zmiany demograficzne w Polsce</cite> I.E. Kotowska</a></li>
205+
<li><a href="https://legislacja.rcl.gov.pl/docs//2/12279566/12326824/12326825/dokument206588.pdf">Rządowe uzasadnienie programu 500 plus</a></li>
206+
<li><a href="https://stat.gov.pl/obszary-tematyczne/rynek-pracy/bezrobocie-rejestrowane/stopa-bezrobocia-rejestrowanego-w-latach-1990-2021,4,1.html">Stopa bezrobocia w latach 1990 - 2021</a></li>
207+
</ol>
208+
</footer>
106209
</html>

0 commit comments

Comments
 (0)