3e:null 3f:["$","title",null,{"children":"Oupoco : Les binômes d'auteurs | lab lattice | Observable"}] 45:Tdf3,viz = { let width = 150; let height = 94; const svg = d3 .create("svg") .attr("viewBox", [0, 0, width, height]) .style("background-color", "#FFFFFF"); let tooltip = svg.append("g").append("text").text(""); let etiquetteTexte = svg.append("text"); let etiquetteVertClair = svg.append("rect"); let texteVertClair = svg.append("text"); let etiquetteVert = svg.append("rect"); let texteVert = svg.append("text"); let etiquetteRose = svg.append("rect"); let texteRose = svg.append("text"); let etiquetteRouge = svg.append("rect"); let texteRouge = svg.append("text"); let etiquetteBordeux = svg.append("rect"); let texteBordeaux = svg.append("text"); svg .append("g") .selectAll("rect") .data(paires) .join("rect") .attr("x", (d) => d['x']) .attr("y", (d) => d['y']) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", function(d) { if (d['max'] <= 13) { return '#91f8a2' } else if (d['max'] <= 15) { return '#13d834' // vert } else if (d['max'] <= 20) { return '#f97676' } else if (d['max'] <= 25) { return '#f20707' } else { return '#b90404' } }) .on("touchmove mousemove", function (e, d) { d3.select(this) d3.select("#tooltip").text(`Les deux auteurs sont ${d['auteur1']} et ${d['auteur2']}. Leur rime avec le plus de vers a ${d['max']} vers.`); }) .on("touchend mouseleave", function (event, d) { d3.select(this) d3.select("#tooltip").text(""); }); // Tooltip let info = svg .append("g") .append("text") .attr("id", 'tooltip') .attr("font-family", "sans-serif") .attr("font-size", 2) .attr("fill-opacity", 1) .attr("x", 20) .attr("y", 8) .text(""); // Les etiquettes etiquetteTexte .attr("x", 90) .attr("y", 27) .text("Maximum nombre de vers par rime suffisante") .attr("font-family", "sans-serif") .attr("font-size", 2); etiquetteVertClair .attr("x", 100) .attr("y", 30) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", '#91f8a2'); texteVertClair .attr("x", 105) .attr("y", 32) .text("13 ou moins") .attr("font-family", "sans-serif") .attr("font-size", 2); etiquetteVert .attr("x", 100) .attr("y", 33) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", '#13d834'); texteVert .attr("x", 105) .attr("y", 35) .text("14 ou 15") .attr("font-family", "sans-serif") .attr("font-size", 2); etiquetteRose .attr("x", 100) .attr("y", 36) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", '#f97676'); texteRose .attr("x", 105) .attr("y", 38) .text("16 - 20") .attr("font-family", "sans-serif") .attr("font-size", 2); etiquetteRouge .attr("x", 100) .attr("y", 39) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", '#f20707' ); texteRouge .attr("x", 105) .attr("y", 41) .text("21 - 25") .attr("font-family", "sans-serif") .attr("font-size", 2); etiquetteBordeux .attr("x", 100) .attr("y", 42) .attr("width", 2.5) .attr("height", 2.5) .attr("rx", .25) .attr("fill", '#b90404'); texteBordeaux .attr("x", 105) .attr("y", 44) .text("26 ou plus") .attr("font-family", "sans-serif") .attr("font-size", 2); return svg.node(); }46:[{"id":"696e6af6a2aae3830efd7e65c5fe70d997149fd46893767d593dffa053653e651df282d8e8e94aa786a70d64672a7bc6e1ade322056b256fd6a078ba54f6c746","href":"https://static.observableusercontent.com/files/696e6af6a2aae3830efd7e65c5fe70d997149fd46893767d593dffa053653e651df282d8e8e94aa786a70d64672a7bc6e1ade322056b256fd6a078ba54f6c746","name":"oupoco (1).csv","type":"text/csv","lastModified":1658831956162.087,"size":15889000}] 43:{"id":"0d21a6aa225a59e1","slug":"oupoco-paires-auteurs","title":"Oupoco : Les binômes d'auteurs","thumbnail":"f41041fec6cb7fe56f9e936b7656cf3edf28c9b875efdbb6eccad0eaf52faec8","access_level":"public","create_time":"$D2022-07-26T10:39:16.162Z","update_time":"$D2022-07-28T11:04:11.232Z","view_time":null,"first_public_time":"$D2022-07-26T10:41:29.289Z","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":327,"publish_version":327,"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":false,"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 : Les binômes d'auteurs","cells":[{"id":0,"value":"# Oupoco : Les binômes d'auteurs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"Cet Observable nous a servi de base pour créer les binômes dans l'observable '[choissiez vos rimes, visualiser les sonnets possibles](https://observablehq.com/@lattice/oupoco-choisir-rimes?collection=@lattice/oupoco)'. Son but est de trouver des auteurs qu'il est possible de visualiser deux à deux.\n\nNotre corpus contient de nombreux auteurs. Il nous a donc semblé intéressant de montrer comment nous avons résussi à trouver ces binômes.\n\nLe binômes d'auteurs doit avoir moins de 15 vers par rime suffisante pour que la visualisation soit possible.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":169,"value":"## Voici les binômes ! \n\nChaque carré représente un binôme d'auteurs. Nous avons ici 30 auteurs de notre corpus (nous expliquions plus bas sur cette page, pourquoi ces 30 auteurs). La couleur nous indique le nombre de vers maximum par rime pour un binôme donné. En passant le curseur sur chacun des carrés, l'utilisateur accède à ces informations. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":139,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"Ainsi chaque carré vert est un binôme possible pour les visualisations dans l'observable '[choissiez vos rimes, visualiser les sonnets possibles](https://observablehq.com/@lattice/oupoco-choisir-rimes?collection=@lattice/oupoco)'. Nous avons choisi 5 binômes pour cet observable.\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":199,"value":"## Comment les 30 auteurs ont-ils été retenus ?","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"Notre corpus contient ${versParAuteur.length} auteurs, dont ${auteursMoinsQuinze.length} auteurs avec au maximum 15 vers par rime suffisante.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"viewof moins15 = Inputs.color({label: \"Couleur pour les auteurs avec au maximum 15 vers par rime\", value: \"#d40bef\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"viewof plus15 = Inputs.color({label: \"Couleur pour les auteurs avec au minimum 16 vers par rime\", value: \"#ecaef4\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"{\n let width = 150;\n let height = 75;\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"background-color\", \"#000000\");\n\n svg\n .append(\"g\")\n .attr(\"fill\", \"#26374a\")\n .selectAll(\"rect\")\n .data(viz1Positions)\n .join(\"rect\")\n .attr(\"x\", (d) => d[0])\n .attr(\"y\", (d) => d[1])\n .attr(\"width\", 2.5)\n .attr(\"height\", 2.5)\n .attr(\"fill\", (d) => d[2]);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"Ainsi la plupart de nos auteurs ont 15 vers ou moins pour chaque rime suffisante. \n\nParmi eux quels sont ceux qui ont 10 sonnets ou plus ? Le chiffre est arbitraire, c'est simplement pour avoir des auteurs avec beaucoup de sonnets. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":78,"value":"viewof plus10 = Inputs.color({label: \"Couleur pour les auteurs avec 10 sonnets ou plus\", value: \"#f7f12b\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"{\n let width = 150;\n let height = 75;\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"background-color\", \"#000000\");\n\n svg\n .append(\"g\")\n .attr(\"fill\", \"#26374a\")\n .selectAll(\"rect\")\n .data(viz2Positions)\n .join(\"rect\")\n .attr(\"x\", (d) => d[0])\n .attr(\"y\", (d) => d[1])\n .attr(\"width\", 2.5)\n .attr(\"height\", 2.5)\n .attr(\"fill\", (d) => d[2]);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"Nous obtenons ainsi une liste de 30 auteurs. Nous les analysons deux à deux. Chaque ligne et chaque colonne est un auteur. La représentation finale est sous forme de triangle. Le triangle contient 435 carrés, un carré est un binôme (30 x 29 / 2 = 435 ) ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":206,"value":"{\n let width = 150;\n let height = 94;\n\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .style(\"background-color\", \"#FFFFFF\");\n\n svg\n .append(\"g\")\n .selectAll(\"rect\")\n .data(paires)\n .join(\"rect\")\n .attr(\"x\", (d) => d['x'])\n .attr(\"y\", (d) => d['y'])\n .attr(\"width\", 2.5)\n .attr(\"height\", 2.5)\n .attr(\"rx\", .25)\n .attr(\"fill\", plus10);\n \n return svg.node();\n}\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"C'est ce triangle qui est utilisé en début d'observable.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":8,"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":10,"value":"oupoco1 = 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":13,"value":"versParAuteur = aq.from(oupoco1)\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":18,"value":"versParAuteurParRime = {\n let monArray = []\n for (const auteur of versParAuteur) {\n let auteurGroupby = aq.from(auteur[1])\n .groupby([\"rhymes_2\"])\n .objects({grouped: \"entries\"});\n monArray.push([auteur[0], auteurGroupby])\n }\n return monArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"auteurMaxRime = {\n let monArray = []\n for (const auteur of versParAuteurParRime) {\n let max = 0\n for (const rime of auteur[1]) {\n if (rime[1].length > max) {\n max = rime[1].length\n }\n }\n monArray.push([auteur[0], max])\n }\n return monArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"auteursMoinsQuinze = auteurMaxRime.filter(auteur => auteur[1] <= 15)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"auteursMoinsQuinzeNoms = {\n let monArray = []\n for (const auteur of auteursMoinsQuinze) {\n monArray.push(auteur[0])\n }\n return monArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"auteursMoinsQuinzeVers = versParAuteur.filter(auteur => auteursMoinsQuinzeNoms.includes(auteur[0]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"Limite les auteurs avec moins quinze vers par rime afin de prendre que les auteurs avec plus de dix sonnets","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":72,"value":"dixSonnets = auteursMoinsQuinzeVers.filter(auteur => auteur[1].length >= 10*14)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"Des paires","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":111,"value":"D'abord, préparer notre liste d'auteurs avec plus de 10 sonnets. Garder que les rimes et comptes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"dixSonnetsGroupe = {\n let monArray = []\n for (const auteur of dixSonnets) {\n let auteurGroupe = aq.from(auteur[1])\n .groupby([\"rhymes_2\"])\n .objects({grouped: \"entries\"});\n monArray.push([auteur[0], auteurGroupe])\n }\n return monArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"dixSonnetsRimes = {\n let monArray = []\n\n for (const auteur of dixSonnetsGroupe) {\n let rimesComptes = auteur[1].map(rime => [rime[0], rime[1].length])\n monArray.push([auteur[0], rimesComptes])\n }\n return monArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"Ensuite on crée les paires. Il faut combiner les comptes des rimes.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":124,"value":"paires = {\n let pairesArray = []\n for (let i = 0; i < 30; ++i) {\n for (let j = i + 1; j < 30; ++j) {\n // trouver les rimes en commun, ajouter les comptes\n let rimesArray = []\n for (const rimei of dixSonnetsRimes[i][1]) {\n for (const rimej of dixSonnetsRimes[j][1]) {\n if (rimei[0] === rimej[0]) {\n rimesArray.push([rimei[0], rimei[1] + rimej[1]])\n }\n }\n }\n pairesArray.push({auteur1: dixSonnetsRimes[i][0], x: 3*i + 5, auteur2: dixSonnetsRimes[j][0], y: 3*j, rimes: rimesArray, max: trouverMax(rimesArray)})\n }\n }\n return pairesArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"function trouverMax(rimesComptes) {\n let max = 0\n for (const rime of rimesComptes) {\n if (rime[1] > max){\n max = rime[1]\n }\n }\n return max\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"## Positions des carrés pour les visualisations","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":31,"value":"viz1Positions = {\n let infoArray = []\n\n // definir les positions des carrés\n for (let index = 0; index < 762; ++index) {\n let row = Math.floor(index / 35)\n let col = index % 35\n infoArray.push([col*3 + 5, 68 - row*3])\n }\n\n // ajouter les couleurs\n for (let index = 0; index < 694; ++index) {\n infoArray[index].push(moins15)\n }\n for (let index = 694; index < 762; ++index) {\n infoArray[index].push(plus15)\n }\n \n return infoArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"viz2Positions = {\n let infoArray = []\n // surligne les carrés qui represent les auteurs avec 10 sonnets ou plus\n for (let index = 0; index < 30; ++index) {\n infoArray.push([viz1Positions[index][0], viz1Positions[index][1], plus10])\n }\n // garder la reste des auteurs avec 15 ou moins vers par rime suf.\n for (let index = 30; index < 694; ++index) {\n infoArray.push(viz1Positions[index])\n }\n // diminue les auteurs avec plus de 15 vers pour certains rimes suf.\n for (let index = 694; index < 762; ++index) {\n infoArray.push([viz1Positions[index][0], viz1Positions[index][1], '#555555'])\n }\n return infoArray\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":234,"value":"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W46","stdlib":"1"}} 44:"$43:body"