# Code créatif - DNMADE2
**Documentation collaborative**

## Rendu

### Projet Dataviz

- Margot
-> Mon projet est de montrer l'étouffement au quotidien que me procure les araignées ! Montrer en quelque sorte ma phobie qui m'enferme … J'ai donc représenté l'araignée rouge = quand je vois une araignée et l'aignée blanche = quand j'ai peur d'en voir une. Le cercle blanc me représente et diminue à chaque arrivé d'araignée pour montrer cette angoisse, etouffement ou phobie.

-> lien partie code : https://editor.p5js.org/Margot1/sketches/vzZjU6qR2
-> lien pleine écran : https://editor.p5js.org/Margot1/full/vzZjU6qR2
- Alice :
-> mon projet est de représenter les émotions en lien avec les tics qu'on fait à cause de l'anxiété. J'ai donc représenté ces 5 émotions sous forme de sphères de tailles différentes en fonction de la proportion des ces émotions en une journée.
https://editor.p5js.org/AliceBaranger/sketches/LmjtntHAE
- Alexis
-> Mon projet est de révéler les tics et les tocs des habitudes qu'on peut avoir en utilisant son ordinateur (clique de souris, touche de clavier) ex : tics de language.
-> Ce que je vous ai envoyé par mail me semble compliqué à réaliser, donc pour ce qui est de la partie code de ma dataviz j'aimerais faire une autre version, une partie intermédiaire qui se situera avant la dativiz que je vous ai envoyé.
-> Voici un exemple de ce que je voudrais faire : cliqué sur le bouton question B en bas de la page .
http://maps.fokusmap.com/FokusLab/DemoBubbleMulti/
En gros dans le nuage point il y aurait une couleur pour le nombre de clique et une autre couleur pour le nombre de touche.
-> mon code actuel même si je n'ai pas grand-chose https://editor.p5js.org/alexis.cluzel/sketches/8KRrhdqN0
-> correction de quelques bug [ici](https://editor.p5js.org/losylam/sketches/UcMv3oSZe)
-> [pack](https://editor.p5js.org/losylam/sketches/2mY8aULH1)

- Maxime
-> Mon projet était de montrer des coordonnées GPS lorsque je passe en survol sur un Cone isométric de ma Dataviz (qui illustre initialement mes données de Running) => c'est un peu compliqué, je pense que vous n'allez pas comprendre si je ne vous montre pas mon intention :) => Le code d'exemple : https://editor.p5js.org/losylam/sketches/iHkyjAALy
- Emma : Mon projet est de montrer le stress environnant, ici autour d'un oval(représente la tête de la personne). Des piques/aiguilles viennent se planter dans l'oval selon différents types de stress(chacun une couleur en fonction des types) et des conséquences de ces stress vont apparaitres au bout des aiguilles(rond, triangle, rectangle etc.). Les stress viennent se planter en fonction du moment de la journée.J'aurais aussi aimé faire des espèces de stress environnant qui bouge (comme des ondes autour de l'oval).
J'en suis seulement la pour l'instant :
https://editor.p5js.org/emmakerloeguen/sketches/XlhxDzNcF
[laurent](https://editor.p5js.org/losylam/sketches/96OnRFgBG)
[laurent 26/04](https://editor.p5js.org/losylam/sketches/aDQ94K34J)
Nouveau lien : https://editor.p5js.org/emmakerloeguen/sketches/g90phqzBV
[laurent 28/04](https://editor.p5js.org/losylam/sketches/4Q69rzPnL)

- Loane : Mon projet veux montre le ressentie de l'insecurité dans les transports en communs. Pour cela je veux représenter un personnage avec des tantacules qui sortent des oreilles et des yeux.
[laurent](https://editor.p5js.org/losylam/sketches/ir6nBUtFI)

- Mehdi :
Idée :La manie de se craquer les doigts, reprendre la charte Officiel des affiches du Covid, le code arrie au moment de faire une affiche composer de dataviz de mes données.
Code du moment: Un rond avec un chiffre a son centre nombre pas jour de craquements, quand on glisse une barre qui est sur le rond on arrive a mois, puis année et enfin retour a jour.
liens: https://editor.p5js.org/m.bouhnik/sketches/vYtlATzZd

- Merlin : Je vais représenter le temps de visionnage sur Netflix par rapport à l'émission de CO2 que chaque épisodes/film pourrait produire. Pour ça je souhaiterai fair un diagramme circulaire interactif qui représentera chaque jour, et si possible faire un système de "hover" qui affichera des détails.
https://editor.p5js.org/merl1/sketches/ZbgCmnTPI
-> correction de quelques bug [ici](https://editor.p5js.org/losylam/sketches/SOOJr1KV2)

- Matteo : Classement de mes dessins par couleurs, temps de créa, heure de la journée et etat d'esprit personnel. Les catégories seront représentés par couleur et avec des formes.

- Julien : Jouer sur des coïncidences pour créer des corrélations absurdes sur ma collecte de données.

- Hubert : Afficher des données lors du survol d'une zone donnée sur une image.

- Chloé : A travers ma dataviz j'ai mis en valeur le temps d'utilisation de mon téléphone sur deux semaines. La première semaine mon utilisation était libre et durant la deuxième je me suis fixée des limites(nombres d'heures et deverouillages). J'ai pris en compte des données tels le nombres de : notifications, déverrouillages, temps d'écran et les réseaux sociaux utilisés. Ses données seront représanter sous forme d'affiche et de motion.

### Dear Data
- Anaëlle
lien : https://editor.p5js.org/anaelle.thib/sketches/AltekpEtI
- Julie
- Lucie
- Nikola
- Mael
- Lou

## a week of clocks

- sketch [tables](https://editor.p5js.org/losylam/sketches/pzvqoyBz4)
- sketch [import table](https://editor.p5js.org/losylam/sketches/UHBmuXze3)
- [flocon](https://editor.p5js.org/losylam/sketches/3AZDIcZF6)

## Exemples / démo
- [push/pop](https://editor.p5js.org/losylam/sketches/42e2ZJSnL)
- [listes/boucles](https://editor.p5js.org/losylam/sketches/nP3R_Yz2a) diagramme bar

## Documentation

v_out = map(v_in, min_in, max_in, min_out, max_out)
avec :
- v_in : valeur d'entrée
- min_in : borne inférieur de l'interval d'entrée
- max_in : borne supérieur de l'interval d'entrée
- min_out : borne inférieur de l'interval de sortie
- max_out : borne supérieur de l'interval de sortie
- v_out : valeur de sortie