Différences

Ci-dessous, les différences entre deux révisions de la page.

--- ressource:data_analyse_visualisation [2022/04/29 17:16]
emoc
+++ ressource:data_analyse_visualisation [2023/03/23 22:47] (Version actuelle)
emoc [Autres services en ligne]
@@ Ligne 18: / Ligne 18: @@
 (...)
-===== En ligne =====
+===== Notebook =====
+==== Observable ====
+Observable est un carnet de notes augmenté, qui permet de créer des documents interactifs pour représenter des analyses de données interactives. Sur un même document web, on peut assembler : du code javascript, des images, du texte en markdown, du HTML, etc. Mais aussi de téléversser des fichiers de données de différents formats (CSV, XLSX), de se relier à des fichiers du cloud, des API ou des bases de données.\\
+Plusieurs bibliothèques de code javascript sont accessibles directement : [[https://observablehq.com/@d3/learn-d3-by-example|d3]], [[https://observablehq.com/@observablehq/plot|plot]], survey, [[https://observablehq.com/@motiondesign_01/setting-up-p5js|p5.js]]
+C'est aussi une communauté et un document public peut-être forké pour en créer un nouveau que l'on peut modifier, plusieurs templates sont aussi fournis pour démarrer de nouveaux documents.
+Les exemples sont nombreux :
+  * https://observablehq.com/explore
+  * https://observablehq.com/@d3/gallery
+Doc : https://observablehq.com/@observablehq/documentation
+Plot :
+  * https://observablehq.com/@observablehq/plot-cheatsheets
+  * https://github.com/observablehq/plot/blob/main/README.md
+Survey :
+  * https://observablehq.com/@observablehq/survey-report-builder
+  * https://observablehq.com/@observablehq/survey-data
+  * https://observablehq.com/@observablehq/survey-cross-tabulation-analysis
+p5.js :
+  * https://observablehq.com/@tmcw/p5
+  * https://observablehq.com/@irenedelatorre/canvas-p5-js-and-circle-packing-collision-and-cluster-force exemple complet avec variables externes
+Utiliser SQL (on peut transformer un doc JSON ou CSV en base de données et l'interroger grâce à DuckDB)
+  * https://observablehq.com/@cmudig/duckdb-client
+Diagrammes de Venn
+  * https://observablehq.com/@dunderdan/simple-venn-diagram-generator (2 ensembles)
+  * https://observablehq.com/@chenlianmt/simple-venn-diagram-generator (3 ensembles)
+Upset Plots, représentation d'intersections d'ensemble multiples
+  * https://observablehq.com/@spren9er/upset-plots-with-observable-plot
+Wordcloud
+  * https://observablehq.com/@d3/word-cloud
+Une sorte de Best of 2021 : https://observablehq.com/@tomlarkworthy/notebooks2021
+===== Autres services en ligne =====
 **rawgraphs.io** application en ligne avec de nombreux types de visualisation : https://app.rawgraphs.io/
+**upset.js** création d'//upset plots//, intersections d'ensembles multiples : https://upset.js.org/app/
 ===== Ligne de commande =====
@@ Ligne 32: / Ligne 78: @@
 **xsv** : https://github.com/BurntSushi/xsv
+===== Par type de représentation =====
+**Diagramme de Venn** \\
+Utile pour représenter le croisement de 2 ou 3 ensembles
+  * Voir ci-dessus pour ObservableHQ
+  *
+**Upset Plots** \
+Utile pour représenter les croisements d'ensembles multiples
+  * https://github.com/upsetjs/upsetjs, création en ligne interactive : https://upset.js.org/app/
+  * en ligne : https://upset.app/ (formatage des données : https://upset.app/advanced/#tabular)
+Par exemple pour utiliser https://upset.js.org/app/ on formatera les données comme ceci :
+<code>
+id;reponse1;reponse2;reponse3
+;0;0;1
+;1;0;1
+;0;1;0
+id      reponse1      reponse2       reponse3
+          0             0              1
+          1             0              1
+          0             1              0
+</code>
+**Nuage de mots / wordcloud** \\
+Utile pour représenter des réponses libres à une question
 ===== Code =====