Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
ressource:data_analyse_visualisation [2022/04/29 17:15] emoc [Python] |
ressource:data_analyse_visualisation [2024/07/02 14:11] (Version actuelle) emoc [Javascript] |
||
|---|---|---|---|
| Ligne 2: | Ligne 2: | ||
| (page créée le 29 avril 2022) | (page créée le 29 avril 2022) | ||
| - | Outils code, logiciel, web pour manipuler et traiter des données | + | Outils code, logiciel, web pour manipuler, traiter, analyser, visualiser des données |
| ===== Formats ===== | ===== Formats ===== | ||
| Ligne 16: | Ligne 16: | ||
| ==== Bases de données ==== | ==== Bases de données ==== | ||
| - | ===== 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/ | **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 de commande ===== | ||
| Ligne 30: | Ligne 78: | ||
| **xsv** : https://github.com/BurntSushi/xsv | **xsv** : https://github.com/BurntSushi/xsv | ||
| + | |||
| + | ===== Par type de représentation ===== | ||
| + | |||
| + | **Représentations de graphes** | ||
| + | * graphviz : https://graphviz.org/docs/layouts/ | ||
| + | * viz.js, packages javascript pour graphviz : https://github.com/mdaines/viz-js | ||
| + | * éditeur en ligne https://viz-js.com/ | ||
| + | |||
| + | **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 | ||
| + | 1;0;0;1 | ||
| + | 2;1;0;1 | ||
| + | 3;0;1;0 | ||
| + | |||
| + | id reponse1 reponse2 reponse3 | ||
| + | 1 0 0 1 | ||
| + | 2 1 0 1 | ||
| + | 3 0 1 0 | ||
| + | </code> | ||
| + | |||
| + | **Nuage de mots / wordcloud** \\ | ||
| + | Utile pour représenter des réponses libres à une question | ||
| ===== Code ===== | ===== Code ===== | ||
| Ligne 44: | Ligne 125: | ||
| **d3js** | **d3js** | ||
| * https://d3js.org/ | * https://d3js.org/ | ||
| - | ===== Logiciels ===== | ||
| + | **vega** | ||
| + | * https://vega.github.io/vega/ | ||
| + | |||
| + | **vega-lite** | ||
| + | * https://vega.github.io/vega-lite/ | ||
| + | |||
| + | ===== Logiciels ===== | ||
| + | (...) | ||
emoc