-
Notifications
You must be signed in to change notification settings - Fork 2
/
dataviz.html
158 lines (110 loc) · 9.04 KB
/
dataviz.html
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Portfolio @BMericskay</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio #Cartes #Geoviz #DataViz</strong> @Boris Mericskay</a>
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-medium"><span class="label">Medium</span></a></li>
</ul>
</header>
<!-- Content -->
<section>
<header class="main">
<h1>DataViz diverses et variées</h1>
</header>
<hr class="major" />
<h2>Directional chords / Origines sociales des bacheliers</h2>
<iframe src='https://public.flourish.studio/visualisation/209809/embed' frameborder='0' scrolling='no' style='width:100%;height:600px;'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/209809/?utm_source=embed&utm_campaign=visualisation/209809' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
<hr class="major" />
<h2>Bar Chart Race / Nombre de décés du COVID9 par région</h2>
<iframe src='https://flo.uri.sh/visualisation/1902706/embed' frameborder='0' scrolling='no' style='width:100%;height:600px;' aria-label=''></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/1902706/?utm_source=embed&utm_campaign=visualisation/1902706' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
<hr class="major" />
<h2>Circles packing / Gares françaises et territoires</h2>
<iframe src='https://public.flourish.studio/visualisation/237018/embed' frameborder='0' scrolling='no' style='width:100%;height:600px;'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/237018/?utm_source=embed&utm_campaign=visualisation/237018' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div> <hr class="major" />
<h2>Circles packing / Régions et communes de résidence des personnels de Rennes 1</h2>
<iframe src='https://public.flourish.studio/visualisation/235283/embed' frameborder='0' scrolling='no' style='width:100%;height:600px;'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/235283/?utm_source=embed&utm_campaign=visualisation/235283' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div> <hr class="major" />
<h2>Circles packing / Régions, départements, EPCI et communes de résidence des personnels de Rennes 1</h2>
<iframe src='https://public.flourish.studio/visualisation/235314/embed' frameborder='0' scrolling='no' style='width:100%;height:600px;'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/235314/?utm_source=embed&utm_campaign=visualisation/235314' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div> <hr class="major" />
<h2>Circles Packing / Prénoms les plus populaires à Rennes en 2018</h2>
<iframe src='https://public.flourish.studio/visualisation/209743/embed' frameborder='0' scrolling='no' style='width:100%;height:800px;'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/209743/?utm_source=embed&utm_campaign=visualisation/209743' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
<hr class="major" />
<h2>Box Plot / taux de chômages des 100 plus grandes villes de France</h2>
<iframe width="100%" height="800" frameborder="0" scrolling="no" src="https://plot.ly/~BorisMericskay/17.embed"></iframe>
<hr class="major" />
<h2>Tree Map / Professions des maires de France</h2>
<span class="image main"><img src="images/Dataviz/profmaires.jpg" alt="" /></span>
<hr class="major" />
<h2>Circle Packing / Prénoms des candidats des municipales de 2020</h2>
<center><span class="image main"><img src="images/Dataviz/Municipales.PNG" alt="" style="width:1300px;height:700px;" /></span></center>
<hr class="major" />
<center><h2>Bar Chart / Ages des maires de France</h2>
<span class="image main"><img src="images/Dataviz/agemaires.jpg" alt="" /></span></center>
<hr class="major" />
<center><h2>Circle Packing / Prénoms des députés</h2>
<span class="image main"><img src="images/Dataviz/prenomsdeputes.jpg" alt="" style="width:900px;height:900px;"/></span></center>
<hr class="major" />
<center><h2>Circular Dendongram / Acteurs et dispositifs open data en Bretagne</h2>
<span class="image main"><img src="images/Dataviz/circular.png" alt="" style="width:1000px;height:1000px;"/></span></center>
<hr class="major" />
<h2>Alluvial Diagram / Type, échelles et dispositifs OD en Bretagne</h2>
<center><span class="image main"><img src="images/Dataviz/DISPO_ALLUVIAL.png" alt="" style="width:900px;height:500px;" /></span></center>
<hr class="major" />
<h2>Word Cloud - Circle Packing / Nombres de jeux de données en open data des acteurs bretons</h2>
<center><span class="image main"><img src="images/Dataviz/multi.PNG" alt="" style="width:100%;" /></span></center>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Site</h2>
</header>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="FranceCommune.html">France Communes</a></li>
<li><a href="Disgressions.html">Disgressions cartographiques</a></li>
<li><a href="dataviz.html">DataViz</a></li>
<li><a href="WebGL.html">GeoViz avec KeplerGL</a></li>
<li><a href="MapboxGL.html">GeoViz avec MapboxGL</a></li>
<li><a href="CARTO.html">Tableaux de bord cartographiques</a></li>
<li><a href="cours.html">Cours et formations</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="about.html">A propos</a></li>
</ul>
</nav>
<!-- Footer -->
<footer id="footer">
Ressources sous licence CC BY-SA 2.0 FR / Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>