Skip to content

Instantly share code, notes, and snippets.

View laurence001's full-sized avatar

Laurence Dierickx laurence001

2 followers · 0 following
View GitHub Profile
@laurence001
laurence001 / starter_r.r
Last active February 8, 2021 16:18
Guide de démarrage pour l'analyse de données en R
#Types de données : factor, date, numeric, character
#Stockage des données : vectors, matrix, dataframe, list
#Variable = stocke des éléments textuels ou numériques
x <- 7
x
#Toutes les opérations mathématiques sont possibles
y <- 16
z <- x*y #opérateurs : + - * /
@laurence001
laurence001 / data.js
Created April 28, 2019 09:35
Formatage du fichier de données (population et geojson)
var statesData = {"type":"FeatureCollection","features":[
{"type":"Feature","id":"01", "properties": {"name":"Aisne", "density":528016}, "geometry":{"type": "Polygon", "coordinates": [[[3.172704, 50.011997], [3.182198, 50.012336], [3.205139, 50.01835], [3.21748, 50.023182], [3.225846, 50.029747], [3.230542, 50.031311], [3.244132, 50.030951], [3.24521, 50.02812], [3.257914, 50.024437], [3.258117, 50.03177], [3.270716, 50.029466], [3.276694, 50.023042], [3.273527, 50.020269], [3.28017, 50.015182], [3.287098, 50.014185], [3.297346, 50.017606], [3.310578, 50.019566], [3.329348, 50.015985], [3.337108, 50.017403], [3.346495, 50.027287], [3.352988, 50.03586], [3.374853, 50.036408], [3.391583, 50.031902], [3.398905, 50.034756], [3.413573, 50.027585], [3.429638, 50.024511], [3.428242, 50.022065], [3.447056, 50.02244], [3.475766, 50.020765], [3.491357, 50.01886], [3.501634, 50.027602], [3.507139, 50.035778], [3.519474, 50.036047], [3.528612, 50.03818], [3.530721, 50.044704], [3.542226, 50.049637], [3.544848, 50.05379
@laurence001
laurence001 / leafletmap.html
Created April 28, 2019 09:33
Carte choroplèthe avec Leaflet.js
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Carte choroplèthe avec Leaflet.js</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.4.0/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.4.0/dist/leaflet.js" integrity="sha512-QVftwZFqvtRNi0ZyCtsznlKSWOStnDORoefr1enyq5mVL4tmKB3S/EnC3rRJcxCPavG10IcrVGSmPh6Qw5lwrg==" crossorigin=""></script>
@laurence001
laurence001 / data.js
Created April 27, 2019 15:45
Explorer un tableau de données avec DataTables (fichier JS)
var dataSet = [
["Ain","653688"],
["Aisne","528016"],
["Allier","333065"],
["Alpes-de-Haute-Provence","161980"],
["Hautes-Alpes","141784"],
["Alpes-Maritimes","1080899"],
["Ardèche","327011"],
["Ardennes","267409"],
["Ariège","152340"],
@laurence001
laurence001 / HTML
Created April 27, 2019 15:43
Explorer un tableau de données avec DataTables (fichier HTML)
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Explorer un tableau de données avec DataTables</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
@laurence001
laurence001 / change.html
Created April 27, 2019 13:24
Menu déroulant et affichage dynamique (change/select)
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Menu déroulant et affichage dynamique (change/select)</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body{padding:20px 0;}
@laurence001
laurence001 / html
Created April 27, 2019 12:42
Carte de France choroplèthe avec Highmaps.js (fichiers data json)
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>DATAVIZ</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
@laurence001
laurence001 / Automated news production: a timeline
Created December 6, 2018 16:34
You are free to embed this timeline on your website but don't forget to quote the source.
If corrections are needed, please contact hello (at) ohmybox (dot) info
<iframe src="//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=10KWEls_ORIRgE8ZliDSwm-yefWCj8SoyegKGCEnpzh0&amp;font=Default&amp;lang=en&amp;initial_zoom=2&amp;height=650" width="100%" height="650" frameborder="0"></iframe>
@laurence001
laurence001 / Journalisme automatisé : une ligne du temps
Created December 6, 2018 15:58
Contenu placé sous licence Creative Commons : citation de l'auteur (laurence - ohmybox.info) et intégrité du contenu.
Pour l'insérer sur votre site, copier-coller le code suivant :
<iframe src="//cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1rnpOwvTE9La0_VQUK4ldYmI4yP89AqrsTN8KzgW6bbk&amp;font=Default&amp;lang=fr&amp;initial_zoom=2&amp;height=650" width="100%" height="650" frameborder="0"></iframe>
@laurence001
laurence001 / Leaflet starting
Created November 20, 2018 08:57
<html>
<head>
<title>A Leaflet map!</title>
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style>
#map{ width: 900px; height: 500px; }
</style>
</head>
<body>