3e:null 3f:["$","title",null,{"children":"Oupoco : trois exemples de visualisations | lab lattice | Observable"}] 45:T485,{ let width = 100; let height = 60; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#FFFFFF"); let tooltip = svg.append("g").append("text").text(""); svg .append("g") .selectAll("rect") .data(auteursViz) .join("rect") .attr("x", d => d['x'] + 5) .attr("y", d => d['y'] ) .attr("width", 1) .attr("height", 1) .attr("fill", function(d) { if (choix['auteurs'].includes(d['nom'])){ return "#53ff1f" } else { return d['couleur'] } }) .on("touchmove mousemove", function (e, d) { d3.select(this) d3.select("#tooltipAuteur").text(`Auteur : ${d['nom']}. Nombre de sonnets : ${d['compte']}`); }) .on("touchend mouseleave", function (event, d) { d3.select(this) d3.select("#tooltipAuteur").text(""); }); // Tooltip let info = svg .append("g") .append("text") .attr("id", 'tooltipAuteur') .attr("font-family", "sans-serif") .attr("font-size", 2) .attr("fill-opacity", 1) .attr("x", 5) .attr("y", 4) .text(""); return svg.node() }46:T7cd,{ let width = 100; let height = 30; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#FFFFFF"); let tooltip = svg.append("g").append("text").text(""); svg .append("g") .selectAll("rect") .data(rimesViz) .join("rect") .attr("x", d => d['x'] + 5) .attr("y", d => d['y'] + 5 ) .attr("width", 1) .attr("height", 1) .attr("fill", function(d) { if (d['nom'] === choix['rimes'][0]){ return bleu(1) } else if (d['nom'] === choix['rimes'][1]){ return rose(1) } else if (d['nom'] === choix['rimes'][2]){ return orange(1) } else if (d['nom'] === choix['rimes'][3]){ return vert(1) } else if (d['nom'] === choix['rimes'][4]){ return violet(1) } else { return d['couleur'] } }) .on("touchmove mousemove", function (e, d) { d3.select(this) d3.select("#tooltipRime").text(`Rime : ${d['nom']}. Nombre de vers : ${d['compte']}`); }) .on("touchend mouseleave", function (event, d) { d3.select(this) d3.select("#tooltipRime").text(""); }); // Tooltip let info = svg .append("g") .append("text") .attr("id", 'tooltipRime') .attr("font-family", "sans-serif") .attr("font-size", 2) .attr("fill-opacity", 1) .attr("x", 5) .attr("y", 7) .text(""); // visualisation légende svg .append("text") .attr("x", 5) .attr("y", 2) .attr("font-family", "sans-serif") .attr("font-size", 2) .text("Vers rassemblés par rime"); svg .append("text") .attr("x", 5) .attr("y", 4) .attr("font-family", "sans-serif") .attr("font-size", 2) .text(function() { if (choix === choixMini) { return "Auteurs féminins avec qu'un sonnet" } else { return choix['auteurs'][0] + " et " + choix['auteurs'][1] } }); return svg.node() }47:T640,function dotsInfo(dots, heightOfBox, colorArray) { // Each element in the array stores [cx, cy, r] for a dot let infoArray = [] // one dot will be highlighed in the animation // can use Math.floor when dividing by 2 but these numbers will always have a factor of 2 const redDots = dots.map(dot => dot/2) // Starting positions and dots per row, assuming 500 wide viewbox const startHeight = heightOfBox - 5.5 const startingPos = [[5.5, startHeight, 92], [216, startHeight, 92], [426, startHeight, 9], [450.5, startHeight, 9], [475.5, startHeight, 9]] for (let i = 0; i < 5; ++i) { // Each iteration creates the dot location and radius data for one letter in the schema // [x-pos, y-pos, final size, color] // first half of dots for (let index = 0; index < redDots[i]; ++index) { let row = Math.floor(index / startingPos[i][2]) let col = index % startingPos[i][2] infoArray.push([col*2.25 + startingPos[i][0], startingPos[i][1] - row*2.25, 1, colorArray[i](0)]) } // red dot (it becomes bigger!) let row = Math.floor(redDots[i] / startingPos[i][2]) let col = redDots[i] % startingPos[i][2] infoArray.push([col*2.25 + startingPos[i][0], startingPos[i][1] - row*2.25, 2, colorArray[i](3)]) // second half of dots for (let index = redDots[i] + 1; index < dots[i]; ++index) { let row = Math.floor(index/startingPos[i][2]) let col = index % startingPos[i][2] infoArray.push([col*2.25 + startingPos[i][0], startingPos[i][1] - row*2.25, 1, colorArray[i](0)]) } } return infoArray }48:T8f6,function grandViz(maxHeight, pointsInfos) { let width = 500; let height = maxHeight + 20 + 124 ; // ajoute 20 pour les étiquettes, 124 pour les légendes du schéma const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#FFFFFF"); svg .append("g") .selectAll("circle") .data(pointsInfos) .join("circle") .attr("cx", (d) => d[0]) .attr("cy", (d) => d[1] + 124) .attr("r", 1) .attr("fill", (d) => d[3]) .transition() .duration(1000) .attr("r", (d) => d[2]); // schéma dessins et légendes // schéma dessins svg .append("g") .selectAll("rect") .data(schemaDessinsArray) .join("rect") .attr("x", (d) => d[0] * 100) .attr("y", (d) => .8 * d[1] + 44) .attr("width", 80) .attr("height", 3) .attr("rx", .25) .attr("fill", (d) => d[2]); // schéma légendes svg .append("g") .selectAll("text") .data(["A", "B", "C", "D", "E"]) .join("text") .attr("x", (d, i) => 20 + i * 100) .attr("y", 42) .text((d) => d) .attr("font-family", "sans-serif") .attr("font-size", 10); // rimes légendes svg .append("g") .selectAll("text") .data(choix['rimes']) .join("text") .attr("x", (d, i) => 40 + i * 100) .attr("y", 42) .text((d) => '"' + d + '"') .attr("font-family", "sans-serif") .attr("font-size", 10); // points légendes svg .append("g") .selectAll("text") .data([[95, "A"], [320, "B"], [432, "C"], [456, "D"], [481, "E"]]) .join("text") .attr("x", (d) => d[0]) .attr("y", maxHeight + 134) .text((d) => d[1]) .attr("font-family", "sans-serif") .attr("font-size", 10); // visualisation légende svg .append("text") .attr("x", 0) .attr("y", 10) .attr("font-family", "sans-serif") .attr("font-size", 10) .text("Sous-corpus :"); svg .append("text") .attr("x", 0) .attr("y", 22) .attr("font-family", "sans-serif") .attr("font-size", 10) .text(function() { if (choix === choixMini) { return "Auteurs féminins avec qu'un sonnet" } else { return choix['auteurs'][0] + " et " + choix['auteurs'][1] } }); return svg.node(); }49:T5a0,function petitVizPoints(nombreVers, nombreOptions) { if (nombreVers === 2){ let myArray = [] let specialNumber = ~~(nombreOptions / (nombreVers + 1) ) for (let index = 0; index < nombreOptions; ++index) { if (index === specialNumber) { myArray.push([10, 20]) } else if (index == specialNumber * 2) { myArray.push([20, 20]) } else if (nombreOptions === 2 && index === 1) { myArray.push([20, 20]) } else { myArray.push([10, 10]) } } return myArray } else if (nombreVers === 4){ let myArray = [] let specialNumber = ~~(nombreOptions / 4 ) for (let index = 0; index < nombreOptions; ++index) { if (index === specialNumber) { myArray.push([10, 20, 20, 20]) } else if (index == specialNumber * 2) { myArray.push([20, 20, 20, 20]) } else if (index === specialNumber * 3) { myArray.push([10, 10, 10, 20]) } else if (index === specialNumber * 4 ) { myArray.push([10, 10, 20, 20]) } else if (nombreOptions % 4 === 0 && index === 0) { myArray.push([10, 10, 20, 20]) } else { myArray.push([10, 10, 10, 10]) } } return myArray } else { return ["PROBLEME - on ne peut pas l'utilisier les rimes avec 3 vers dans le schéma maintenant"] } }4a:T62d,function pickTwo(nombreOptions, posArray, tooltipID, couleur){ // Faire la petit visualization quand il faut choisir deux vers let width = 500; let height = 75; let spacing = 500 / (nombreOptions + 1); const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", couleur(0)); let tooltip = svg.append("g").append("text").text(""); svg .append("g") .attr("fill", "#FFFFFF") .selectAll("circle") .data(posArray) .join("circle") .attr("cx", (d, i) => (i+1) * spacing) .attr("cy", height / 2) .attr("r", 10) .on("touchmove mousemove", function (e, d) { d3.select(this) d3.select("#" + tooltipID).text(`Par exemple, ce cercle pourrait representer le vers : «${d[2]}» de ${d[3]}`); }) .on("touchend mouseleave", function (event, d) { d3.select(this) d3.select("#" + tooltipID).text(""); }) .transition() .duration(1000) .attr("r", (d) => d[0]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } }) .transition() .duration(1000) .attr("r", (d) => d[1]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } else if (d[1] == 20) { return couleur(3) } }); // Tooltip let info = svg .append("g") .append("text") .attr("id", tooltipID) .attr("font-family", "sans-serif") .attr("font-size", 7) .attr("fill-opacity", 1) .attr("x", 2) .attr("y", 8) .text(""); return svg.node(); }4b:T8a9,function pickFour(nombreOptions, posArray, tooltipID, couleur) { // Faire le visualization quand il faut choisir 4 vers. let width = 500; let height = 75; let spacing = 500 / (nombreOptions + 1); const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", couleur(0)); let tooltip = svg.append("g").append("text").text(""); svg .append("g") .attr("fill", "#FFFFFF") .selectAll("circle") .data(posArray) .join("circle") .attr("cx", (d, i) => (i+1) * spacing) .attr("cy", height / 2) .attr("r", 10) .on("touchmove mousemove", function (e, d) { d3.select(this) d3.select("#" + tooltipID).text(`Par exemple, ce cercle pourrait representer le vers : «${d[4]}» de ${d[5]}`); }) .on("touchend mouseleave", function (event, d) { d3.select(this) d3.select("#" + tooltipID).text(""); }) .transition() .duration(1000) .attr("r", (d) => d[0]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } }) .transition() .duration(1000) .attr("r", (d) => d[1]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } else if (d[1] == 20) { return couleur(3) } }) .transition() .duration(1000) .attr("r", (d) => d[2]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } else if (d[1] == 20) { return couleur(3) } else if (d[2] == 20) { return couleur(4) } }) .transition() .duration(1000) .attr("r", (d) => d[3]) .attr("fill", function (d) { if (d[0] == 20) { return couleur(2) } else if (d[1] == 20) { return couleur(3) } else if (d[2] == 20) { return couleur(4) } else if (d[3] == 20) { return couleur(5) } }); // Tooltip let info = svg .append("g") .append("text") .attr("id", tooltipID) .attr("font-family", "sans-serif") .attr("font-size", 7) .attr("fill-opacity", 1) .attr("x", 2) .attr("y", 8) .text(""); return svg.node(); }4c:[{"id":"696e6af6a2aae3830efd7e65c5fe70d997149fd46893767d593dffa053653e651df282d8e8e94aa786a70d64672a7bc6e1ade322056b256fd6a078ba54f6c746","href":"https://static.observableusercontent.com/files/696e6af6a2aae3830efd7e65c5fe70d997149fd46893767d593dffa053653e651df282d8e8e94aa786a70d64672a7bc6e1ade322056b256fd6a078ba54f6c746","name":"oupoco (1).csv","type":"text/csv","lastModified":1658831571773.831,"size":15889000}] 43:{"id":"3314360305f55b69","slug":"oupoco-trois-exemples","title":"Oupoco : trois exemples de visualisations","thumbnail":"33080fa4a6afa1198d9133d2ce4e2a60bfc38374a0b6157db44fd2afbf7bb7e2","access_level":"public","create_time":"$D2022-07-26T10:32:51.773Z","update_time":"$D2022-07-29T09:45:47.800Z","view_time":null,"first_public_time":"$D2022-07-26T10:42:28.922Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"50154ae2c85f2c3e","login":"lattice","name":"lab lattice","avatar_url":"https://avatars-next.observableusercontent.com/73056919f08f648847e1c31fad61260d0ceb7b7b461a9005d7fbab7883256697","tier":"starter_2024","bio":""},"version":2228,"publish_version":2228,"role":null,"authored":false,"authors":[{"type":"individual","id":"ec1f5bad0b2cce94","login":"lattice","name":"lab lattice","avatar_url":"https://avatars-next.observableusercontent.com/73056919f08f648847e1c31fad61260d0ceb7b7b461a9005d7fbab7883256697","tier":null,"bio":""}],"members":[{"type":"individual","id":"ec1f5bad0b2cce94","login":"lattice","name":"lab lattice","avatar_url":"https://avatars-next.observableusercontent.com/73056919f08f648847e1c31fad61260d0ceb7b7b461a9005d7fbab7883256697","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"b9b30466a48610ec","slug":"oupoco","title":"Oupoco","owner":{"id":"50154ae2c85f2c3e","login":"lattice","name":"lab lattice"}},"type":"notebook","body":{"titling":"auto","title":"Oupoco : trois exemples de visualisations","cells":[{"id":0,"value":"# Oupoco : trois exemples de visualisations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1275,"value":"Cet Observable est une interrogation et visualisation d'une partie des données du projet Oupoco. OuPoCo (Ouvroir de Poésie Combinatoire - [oupoco.org](https://oupoco.org/fr.html)) est un projet qui vise à produire des sonnets en recombinant des vers issus de sonnets du 19e siècle, reprenant ainsi une idée de Queneau (100 000 milliards de poèmes). Il regroupe 4865 sonnets. Le [générateur de sonnets](https://oupoco.org/fr/generateur-de-poeme/index.html) permet de mélanger les vers du corpus, de créer un nouveau sonnet.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1283,"value":"Cet observable montre comment la sélection de paramètres influe sur le nombre de résultats possibles. Afin d'illustrer cela, trois sous-corpus ont été créés, et peuvent être joués par l'utilisateur. Si ce dernier veut d'avantage d'options, il peut consulter cet autre Observable : \"[Oupoco : choississez vos rimes](https://observablehq.com/@lattice/oupoco-choisir-rimes)\"","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1594,"value":"viewof choix = Inputs.radio([choixMini, choixMidi, choixMaxi], {\n label: \"Choisissez un exemple : \", \n value: choixMidi,\n format: function(choix) {\n if (choix === choixMini) {\n return \"Auteurs féminins avec un seul sonnet\"\n }\n else {\n return choix['auteurs'][0] + \" et \" + choix['auteurs'][1]\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2161,"value":"### Soit un ensemble de 5 rimes : \n\nNous avons choisi un ensemble de rimes pour le sous-corpus, et lui avons associé un schema. Le schema est le suivant : ${choix['schema']}\n\nLe graphe ci-dessous illustre la répartition des rimes dans le sonnet. À une lettre du schéma est associé le phonème (API).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1691,"value":"visualisation = {\n let pointsInfos = dotsInfo(permutations, maxHeight, colorArray)\n return grandViz(maxHeight, pointsInfos)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1709,"value":"compte = calculer(choixRimes, schemaData)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1706,"value":"Dans le graphe ci-dessus, une barre est constituée d'un ensemble de points représentant le nombre de permutations pour un phonème donné. (cf. exmplication - TODO référence interne)\n\nPour constituer un sonnet il faut sélectionner une possibilité pour chacune des lettres, un point dans chacune des barres - c'est ce que représente le point en surbrillance. Ainsi la rime A est une possibilité parmi ${permutations[0]}, la rime B une parmi ${permutations[1]}, C une parmi ${permutations[2]}, D une parmi ${permutations[3]}, et enfin E une parmi ${permutations[4]}.\n\nAu total, nous avons ${permutations[0]} x ${permutations[1]} x ${permutations[2]} x ${permutations[3]} x ${permutations[4]} = ${compte} sonnets possibles dans notre sous-corpus. Ce qui est énorme ! ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"alculerlespossibilitéspaslettreduschéma","database":"$undefined"},{"id":1727,"value":"## Ce n'est qu'une fraction très petite de tous les sonnets possibles","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1777,"value":"### D'abord, on a choisi des auteurs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1779,"value":"Dans cette visualisation-ci, chaque carré est un sonnet. Les carrés en vert sont les sonnets utilisé dans la visualisation en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1487,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1786,"value":"### Sélection des rimes dans le sous-corpus ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1789,"value":"Chaque carré représente un vers des auteurs de notre sous-corpus. Les couleurs correspondent aux lettres du schéma. Le code couleur utilisé est celui de la première visualisation de cet observable.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1559,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1822,"value":"# Les calculs \n\n## les possibilités par lettre du schéma","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1824,"value":"Après avoir choisi 'auteurs' et 'rimes', nous pouvons construire notre sonnet. Combien de possibilités existe-t-il selon le nombre de vers par rime ? ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1826,"value":"schemaDessin(\"A\", 0, bleu)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":690,"value":"Dans l'animation ci-dessous, nous illustrons l'ensemble des rimes disponibles pour la lettre, et associons à chacune de ces rimes le vers. Pour rejouer le graphe, il suffit d'appuyer sur la flèche dans le coin droit de la cellule ci-dessous.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1836,"value":"petitViz(schemaData[0][1][0], choixRimes[0], bleu) // appuyer ici tout à droit --> ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":793,"value":"Nous avons choisi la rime ${choixRimes[0][0]} pour la lettre A (présente 4 fois dans le schéma). Il y a ${choixRimes[0][1].length} occurrences de cette rime dans le sous-corpus. Ainsi on a ${choixRimes[0][1].length} possibilités pour le premier choix de A, ${choixRimes[0][1].length - 1} possibilités pour le deuxième choix, ${choixRimes[0][1].length - 2} possibilités pour le troisième et ${choixRimes[0][1].length -3} possibilités pour quatrième et dernier choix.\n\nEn total, il y a ${choixRimes[0][1].length} x ${choixRimes[0][1].length - 1} x ${choixRimes[0][1].length - 2} x ${choixRimes[0][1].length - 3} = ${permutations[0]} possibilités. Chaque possibilité ici égale un point bleu dans la grande visualisation tout en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":2122,"value":"**À améliorer :** Actuellement notre programme se limite à trouver des rimes pauvres, riches ou suffisantes. Il arrive que des mots soient mis à la rime, ce qui concetuellement est interdit.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1855,"value":"schemaDessin(\"b\", 1, rose)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1860,"value":"petitViz(schemaData[1][1][0], choixRimes[1], rose) ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1862,"value":"Nous avons choisi la rime ${choixRimes[1][0]} pour la lettre B (présente 4 fois dans le schéma). Il y a ${choixRimes[1][1].length} occurrences de cette rime dans le sous-corpus. Ainsi on a ${choixRimes[1][1].length} possibilités pour le premier choix de B, ${choixRimes[1][1].length - 1} possibilités pour le deuxième choix, ${choixRimes[1][1].length - 2} possibilités pour le troisième et ${choixRimes[1][1].length -3} possibilités pour quatrième et dernier choix.\n\nEn total, il y a ${choixRimes[1][1].length} x ${choixRimes[1][1].length - 1} x ${choixRimes[1][1].length - 2} x ${choixRimes[1][1].length - 3} = ${permutations[1]} possibilités. Chaque possibilité ici égale un point rose dans la grande visualisation tout en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1877,"value":"schemaDessin(\"C\", 2, orange)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1879,"value":"petitViz(schemaData[2][1][0], choixRimes[2], orange)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1881,"value":"Nous avons choisi la rime ${choixRimes[2][0]} pour la lettre C (présente 2 fois dans le schéma). Il y a ${choixRimes[2][1].length} occurrences de cette rime dans le sous-corpus. Ainsi on a ${choixRimes[2][1].length} possibilités pour le premier choix de C, et ${choixRimes[2][1].length - 1} possibilités pour le deuxième et dernier choix.\n\nEn total, il y a ${choixRimes[2][1].length} x ${choixRimes[2][1].length - 1} = ${permutations[2]} possibilités. Chaque possibilité ici égale un point orange dans la grande visualisation tout en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1886,"value":"schemaDessin(\"D\", 3, vert)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1888,"value":"petitViz(schemaData[3][1][0], choixRimes[3], vert)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1890,"value":"Nous avons choisi la rime ${choixRimes[3][0]} pour la lettre D (présente 2 fois dans le schéma). Il y a ${choixRimes[3][1].length} occurrences de cette rime dans le sous-corpus. Ainsi on a ${choixRimes[3][1].length} possibilités pour le premier choix de D, et ${choixRimes[3][1].length - 1} possibilités pour le deuxième et dernier choix.\n\nEn total, il y a ${choixRimes[3][1].length} x ${choixRimes[3][1].length - 1} = ${permutations[3]} possibilités. Chaque possibilité ici égale un point vert dans la grande visualisation tout en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1894,"value":"schemaDessin(\"E\", 4, violet)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1896,"value":"petitViz(schemaData[4][1][0], choixRimes[4], violet)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1898,"value":"Nous avons choisi la rime ${choixRimes[4][0]} pour la lettre E (présente 2 fois dans le schéma). Il y a ${choixRimes[4][1].length} occurrences de cette rime dans le sous-corpus. Ainsi on a ${choixRimes[4][1].length} possibilités pour le premier choix de E, et ${choixRimes[4][1].length - 1} possibilités pour le deuxième et dernier choix.\n\nEn total, il y a ${choixRimes[4][1].length} x ${choixRimes[4][1].length - 1} = ${permutations[4]} possibilités. Chaque possibilité ici égale un point violet dans la grande visualisation tout en haut.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1906,"value":"## Création des fonctions et données utiles pour ce notebook","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1913,"value":"Les choix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1626,"value":"choixMini = {\n return {\n auteurs: choixMiniAuteurs,\n rimesTypes: \"rhymes_2\",\n schema: 'ABBAABBACCDEDE', // sonnet français\n rimes: [\"ʁm\", \"bo\", \"ny\", \"ɑ̃ʃ\", \"id\"]\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1597,"value":"femmes = oupoco_l.filter(vers => vers[\"author_sex\"] === 'F')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1603,"value":"femmesUnSonnet = {\n let parVers = aq.from(femmes)\n .groupby([\"author_name\"])\n .objects({grouped: \"entries\"});\n return parVers.filter(auteur => auteur[1].length === 14)\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1611,"value":"choixMiniAuteurs = femmesUnSonnet.map(auteur => auteur[0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1519,"value":"choixMidi = {\n return {\n auteurs: [\"Renée Vivien\", \"Léocadie Hersent-Penquer\"],\n rimesTypes: \"rhymes_3\",\n schema: 'ABABABABCCDEDE', // sonnet Queneau\n rimes: [\"jɛn\", \"ʁɛs\", \"ɛʁʒ\", \"abl\", \"tyʁ\"]\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1579,"value":"choixMaxi = {\n return {\n auteurs: [\"Charles Baudelaire\", \"Arthur Rimbaud\"],\n rimesTypes: \"rhymes_2\",\n schema: 'ABBAABBACCDEED', // sonnet marotique\n rimes: [\"it\", \"aʒ\", \"ʁi\", \"jɔ̃\", \"bo\"]\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1921,"value":"Choix - manipulation des données","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"oupoco_l = FileAttachment(\"oupoco (1).csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"choixToutesVers = oupoco_l.filter(vers => choix['auteurs'].includes(vers['author_name']))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1670,"value":"choixToutesRimes = aq.from(choixToutesVers)\n .groupby([choix['rimesTypes']])\n .objects({grouped: \"entries\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1675,"value":"choixRimes = {\n let choixRimesArray = []\n\n for (const rime of choix['rimes']) {\n choixRimesArray.push(choixToutesRimes.filter(entry => entry[0] === rime)[0])\n }\n return choixRimesArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"// efficace que pour les petits valeurs de p\nfunction permute(n,p) {\n // Nombre de permutations de n objets pris p\n let resultat = n\n let facteur = n - 1\n for (let i = 0; i < p-1; ++i) {\n resultat = resultat * facteur\n --facteur\n }\n return resultat\n} \n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1685,"value":"permutations = choixRimes.map((rime, i) => permute(rime[1].length, schemaData[i][1][0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"schemaData = {\n let liste = []\n for (const car of new Set(choix['schema'])) {\n liste.push([car, schemaDataParLettre(car, choix['schema'])])\n }\n return liste\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"function schemaDataParLettre(lettre, schemaRaw) {\n let lettreData = [0, []]\n for (let i = 0; i < schemaRaw.length; ++i) {\n if (lettre === schemaRaw[i]) {\n ++lettreData[0]\n lettreData[1].push(i)\n } // end if\n } // end for \n return lettreData\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1943,"value":"Les couleurs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1946,"value":"bleu = d3.scaleLinear()\n .domain([0, 5])\n .range([\"hsl(182,80%,80%)\", \"hsl(228,30%,40%)\"])\n .interpolate(d3.interpolateHcl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1951,"value":"rose = d3.scaleLinear()\n .domain([0, 5])\n .range([\"hsl(339, 100%, 85%)\", \"hsl(339, 100%, 40%)\"])\n .interpolate(d3.interpolateHcl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1954,"value":"orange = d3.scaleLinear()\n .domain([0, 3])\n .range([\"hsl(47, 100%, 75%)\", \"hsl(22, 100%, 50%)\"])\n .interpolate(d3.interpolateHcl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1957,"value":"vert = d3.scaleLinear()\n .domain([0, 3])\n .range([\"hsl(80, 100%, 75%)\", \"hsl(109, 100%, 30%)\"])\n .interpolate(d3.interpolateHcl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1949,"value":"violet = d3.scaleLinear()\n .domain([0, 3])\n .range([\"hsl(296, 100%, 80%)\", \"hsl(278, 100%, 40%)\"])\n .interpolate(d3.interpolateHcl)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1932,"value":"colorArray = [bleu, rose, orange, vert, violet]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1917,"value":"La grande visualisation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1180,"value":"function schemaDessinArray(schemaInfos, couleurs) {\n let yPos = [5, 10, 15, 20, 30, 35, 40, 45, 55, 60, 65, 75, 80, 85]\n let posCouleurArray = []\n \n for (let lettrePos = 0; lettrePos < 5; ++lettrePos) {\n let versCetteLettre = schemaInfos[lettrePos][1][1]\n \n for (let i = 0; i < 14; ++i) {\n if (versCetteLettre.includes(i)){\n posCouleurArray.push([lettrePos, yPos[i], couleurs[lettrePos](2)]) \n }\n else {\n posCouleurArray.push([lettrePos, yPos[i], \"#CCC\"])\n }\n }\n }\n\n return posCouleurArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1719,"value":"schemaDessinsArray = schemaDessinArray(schemaData, colorArray)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":742,"value":"maxHeight = {\n let height = 0\n // trouver le nombre de points le plus grand\n for (const dot of permutations) {\n if (dot > height) {\n height = dot\n }\n }\n\n // calculate how tall the box must be to accommodate those dots in the larger positions\n height = Math.floor(height * 2.25 / 92) + 10\n\n // check if we've hit the minimum height\n let minHeight = Math.floor(210 * 2.25 / 9) + 10\n if (height < minHeight) {\n height = minHeight\n }\n\n return height\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":768,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":738,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":780,"value":"Calculer les sonnets (fonction original, c'est pas tout à fait nécessaire mainenant)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":604,"value":"function calculer(rimesDonnees, schemaData) {\n // RimesDonnees est une liste de chaque rime choisie, et les rimes sont les objets avec toutes les strophes.\n let total = 1\n for (let index = 0; index < schemaData.length; ++index) {\n let n = rimesDonnees[index][1].length\n let p = schemaData[index][1][0]\n total = total * permute(n,p)\n }\n return total\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1971,"value":"Visualisations des auteurs et des rimes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1470,"value":"function carresComptes(nomCompte, longueurDuChart, hauteurDuChart, couleurs) {\n let arrayTravail = []\n\n let xActuel = 0\n let yActuel = hauteurDuChart - 1\n let deGaucheADroit = true\n\n for (let i = 0; i < nomCompte.length; ++i) {\n for (let j = 0; j < nomCompte[i]['compte']; ++j) {\n \n arrayTravail.push({\n nom: nomCompte[i]['nom'], \n x: xActuel, \n y: yActuel, \n compte: nomCompte[i]['compte'], \n couleur: couleurs[i % couleurs.length]})\n \n // actualiser les variables pour que les carrés alterne de gauche à droit et de droit à gauche\n if (deGaucheADroit == true) {\n ++xActuel\n }\n else {\n --xActuel\n }\n\n if (xActuel === longueurDuChart) {\n --yActuel\n --xActuel\n deGaucheADroit = false\n }\n else if (xActuel === -1) {\n --yActuel\n ++xActuel\n deGaucheADroit = true\n }\n }\n }\n\n return arrayTravail\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2037,"value":"versParAuteur = aq.from(oupoco_l)\n .groupby([\"author_name\"])\n .objects({grouped: \"entries\"});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"auteur_nbSonnets = versParAuteur.map(function(auteur){\n let auteurObject = {}\n auteurObject['author_name'] = auteur[0]\n auteurObject['nbSonnets'] = auteur[1].length / 14\n return auteurObject\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1473,"value":"nomCompteAuteurs = auteur_nbSonnets.map(function(auteur) {\n let auteurObject = {}\n\n auteurObject['nom'] = auteur['author_name']\n auteurObject['compte'] = auteur['nbSonnets']\n\n return auteurObject\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"auteursViz= carresComptes(nomCompteAuteurs, 90, 60, ['#777', '#BBB', '#999', '#DDD', \"#888\", \"#AAA\", \"#CCC\"])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1541,"value":"nomCompteRimes = {\n let auteurVers = oupoco_l.filter(vers => choix['auteurs'].includes(vers['author_name']))\n let rimesVers = aq.from(auteurVers)\n .groupby([choix['rimesTypes']])\n .objects({grouped: \"entries\"});\n\n let nomCompte = []\n for (const rime of rimesVers) {\n nomCompte.push({nom: rime[0], compte: rime[1].length})\n }\n\n return nomCompte\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1557,"value":"rimesViz= {\n let longeur\n let hauteur\n\n if (choix === choixMini) {\n longeur = 35\n hauteur = 25\n }\n else if (choix === choixMidi) {\n longeur = 35\n hauteur = 25\n }\n else {\n longeur = 55\n hauteur = 25\n }\n \n \n return carresComptes(nomCompteRimes, longeur, hauteur, [\"#888\", '#BBB', '#999', '#DDD', \"#AAA\", \"#CCC\"])\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1988,"value":"Calculer les possibilités par lettre du schéma","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1829,"value":"function schemaDessinPetitArray(schemaInfos, lettrePos, couleurs) {\n let yPos = [5, 10, 15, 20, 30, 35, 40, 45, 55, 60, 65, 75, 80, 85]\n let versCetteLettre = schemaInfos[lettrePos][1][1]\n\n let posCouleurArray = []\n for (let i = 0; i < 14; ++i) {\n if (i === versCetteLettre[0]){\n posCouleurArray.push([yPos[i], couleurs(2)]) \n }\n else if (i === versCetteLettre[1]){\n posCouleurArray.push([yPos[i], couleurs(3)]) \n }\n else if (i === versCetteLettre[2]){\n posCouleurArray.push([yPos[i], couleurs(4)]) \n }\n else if (i === versCetteLettre[3]){\n posCouleurArray.push([yPos[i], couleurs(5)]) \n }\n else {\n posCouleurArray.push([yPos[i], \"#CCC\"])\n }\n }\n return posCouleurArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1195,"value":"function schemaDessin(lettre, pos, couleurs) {\n let donnees = schemaDessinPetitArray(schemaData, pos, couleurs)\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, 500, 100])\n .style(\"background-color\", \"#FFF\");\n\n svg\n .append(\"text\")\n .attr(\"x\", 130)\n .attr(\"y\", 34)\n .text(\"Séléction \" + lettre)\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 14);\n\n svg\n .append(\"circle\")\n .attr(\"cx\", 320)\n .attr(\"cy\", 50)\n .attr(\"r\", 15)\n .attr(\"fill\", couleurs(2));\n\n svg\n .append(\"text\")\n .attr(\"x\", 60)\n .attr(\"y\", 60)\n .text('Nous avons choisi la rime \"' + choix['rimes'][pos] + '\" pour ces vers du sonnet.')\n .attr(\"font-family\", \"sans-serif\")\n .attr(\"font-size\", 9);\n \n \n svg\n .append(\"g\")\n .selectAll(\"rect\")\n .data(donnees)\n .join(\"rect\")\n .attr(\"x\", 350)\n .attr(\"y\", (d) => d[0])\n .attr(\"width\", 120)\n .attr(\"height\", 3)\n .attr(\"rx\", .25)\n .attr(\"fill\", (d) => d[1]);\n\n return svg.node();\n\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":664,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":858,"value":"function ajouterVers(petitVizPoints, rimeChoisi) {\n // Pour chaque cercle, ajoute un vers qui a la bonne rime à la fin de l'array avec les tailles.\n // Mélange les rimes (on a besoin de if/else pour eviter des répétitions dans indexRimes)\n let newArray = petitVizPoints\n if (petitVizPoints.length % 5 !== 0) {\n for (let index = 0; index < newArray.length; ++index) {\n \n let indexRimes = (index * 5) % (newArray.length)\n \n newArray[index].push(rimeChoisi[1][indexRimes]['vers'])\n newArray[index].push(rimeChoisi[1][indexRimes]['author_name'])\n }\n }\n else {\n for (let index = 0; index < newArray.length; ++index) {\n \n let indexRimes = (index * 4) % (newArray.length)\n \n newArray[index].push(rimeChoisi[1][indexRimes]['vers'])\n newArray[index].push(rimeChoisi[1][indexRimes]['author_name'])\n }\n }\n return newArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":667,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":673,"value":"function petitViz(nombreVers, rime, backgroundColor) {\n let nombreOptions = rime[1].length\n let positions = petitVizPoints(nombreVers, nombreOptions)\n let positionsEtVers = ajouterVers(positions, rime)\n\n let tooltipID = \"tooltip\" + rime[0]\n\n \n if (nombreVers === 2) {\n return pickTwo(nombreOptions, positionsEtVers, tooltipID, backgroundColor)\n } \n else if (nombreVers === 4) {\n return pickFour(nombreOptions, positionsEtVers, tooltipID, backgroundColor)\n }\n else {\n return \"PROBLEME\"\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4c","stdlib":"1"}} 44:"$43:body"