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 [2023/03/10 16:15] emoc [Observable] |
ressource:data_analyse_visualisation [2024/07/02 14:11] (Version actuelle) emoc [Javascript] |
||
|---|---|---|---|
| Ligne 33: | Ligne 33: | ||
| Doc : https://observablehq.com/@observablehq/documentation | Doc : https://observablehq.com/@observablehq/documentation | ||
| + | |||
| + | Plot : | ||
| + | * https://observablehq.com/@observablehq/plot-cheatsheets | ||
| + | * https://github.com/observablehq/plot/blob/main/README.md | ||
| Survey : | Survey : | ||
| Ligne 43: | Ligne 47: | ||
| * https://observablehq.com/@irenedelatorre/canvas-p5-js-and-circle-packing-collision-and-cluster-force exemple complet avec variables externes | * 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 ===== | ===== 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 58: | 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 72: | Ligne 125: | ||
| **d3js** | **d3js** | ||
| * https://d3js.org/ | * https://d3js.org/ | ||
| + | |||
| + | **vega** | ||
| + | * https://vega.github.io/vega/ | ||
| + | |||
| + | **vega-lite** | ||
| + | * https://vega.github.io/vega-lite/ | ||
| ===== Logiciels ===== | ===== Logiciels ===== | ||
| (...) | (...) | ||
emoc