31:Tc2f,md`## Caractéristiques audio Spotify Les caractéristiques de chaque musique sont obtenues via [l'API Spotify](https://developer.spotify.com/documentation/web-api/reference-beta/#object-audiofeaturesobject). - **La dansabilité** décrit à quel point un morceau convient à la danse en se basant sur une combinaison d'éléments musicaux, notamment le tempo, la stabilité du rythme, la force du battement et la régularité générale. Une valeur de 0,0 est la moins dansable et 1,0 est la plus dansante. - **Le mode** indique la modalité (majeure ou mineure) d'une piste, le type de gamme dont est dérivé son contenu mélodique. La majeure est représenté par 1 et la mineure est 0. - **La vivacité** détecte la présence d'un public dans l'enregistrement. Des valeurs de vivacité plus élevées représentent une probabilité accrue que la piste ait été jouée en direct. Une valeur supérieure à 0,8 offre une forte probabilité que la piste soit en direct. - **L'acousticité** est une mesure de confiance de 0,0 à 1,0 indiquant si la piste est acoustique. 1,0 représente une confiance élevée que la piste est acoustique. - **L'énergie** est une mesure de 0,0 à 1,0 et représente une mesure perceptive de l'intensité et de l'activité. En général, les pistes énergiques sont rapides, bruyantes et bruyantes. Par exemple, le death metal a une énergie élevée, tandis qu'un prélude de Bach obtient un score bas sur l'échelle. Les caractéristiques perceptives contribuant à cet attribut comprennent la plage dynamique, le volume sonore perçu, le timbre, la fréquence d'apparition et l'entropie générale. - **La parole** détecte la présence de mots prononcés dans une piste. Plus l'enregistrement est exclusivement de type vocal (par exemple, talk-show, livre audio, poésie), plus la valeur d'attribut est proche de 1,0. Les valeurs supérieures à 0,66 décrivent des pistes qui sont probablement entièrement constituées de mots prononcés. Les valeurs comprises entre 0,33 et 0,66 décrivent des pistes qui peuvent contenir à la fois de la musique et de la parole, en sections ou en couches, y compris des cas tels que la musique rap. Les valeurs inférieures à 0,33 représentent très probablement de la musique et d'autres pistes non vocales. - **L'instrumentalité** prédit si une piste ne contient pas de voix. Les sons "Ooh" et "aah" sont traités comme instrumentaux dans ce contexte. Les morceaux de rap ou de mots parlés sont clairement "vocaux". Plus la valeur de l'instrument est proche de 1,0, plus la piste est susceptible de ne contenir aucun contenu vocal. Les valeurs supérieures à 0,5 sont destinées à représenter des pistes instrumentales, mais la confiance est plus élevée lorsque la valeur s'approche de 1,0. - **La valence** est une mesure de 0,0 à 1,0 décrivant la positivité musicale véhiculée par une piste. Les pistes avec une valence élevée semblent plus positives (par exemple, joyeuses, joyeuses, euphoriques), tandis que les pistes avec une faible valence semblent plus négatives (par exemple, tristes, déprimées, en colère).`32:T48e,viewof country = select({ title: "Pays", description: "Choisissez le pays dont vous souhaitez afficher les caractéristiques d'écoute", options: [ { label: "France 🇫🇷", value: "france" }, { label: "Allemagne 🇩🇪", value: "allemagne" }, { label: "Argentine 🇦🇷", value: "argentine" }, { label: "Autriche 🇦🇹", value: "autriche" }, { label: "Belgique 🇧🇪", value: "belgique" }, { label: "Bolivie 🇧🇴", value: "bolivie" }, { label: "Brésil 🇧🇷", value: "bresil" }, { label: "Chili 🇨🇱", value: "chili" }, { label: "Colombie 🇨🇴", value: "colombie" }, { label: "Danemark 🇩🇰", value: "danemark" }, { label: "Équateur 🇪🇨", value: "equateur" }, { label: "Espagne 🇪🇸", value: "espagne" }, { label: "Italie 🇮🇹", value: "italie" }, { label: "Paraguay 🇵🇾", value: "paraguay" }, { label: "République Tchèque 🇨🇿", value: "republique_tcheque" }, { label: "Royaume-Uni 🇬🇧", value: "royaume-uni" }, { label: "Suisse 🇨🇭", value: "suisse" } ], value: "France 🇫🇷" })33:T59d,function multiFormat(date) { var locale = d3.timeFormatDefaultLocale({ "dateTime": "%A %e %B %Y à %X", "date": "%d/%m/%Y", "time": "%H:%M:%S", "periods": ["AM", "PM"], "days": ["dimanche", "lundi", "mardi", "mercredi", "jeudi", "vendredi", "samedi"], "shortDays": ["dim", "lun", "mar", "mer", "jeu", "ven", "sam"], "months": ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], "shortMonths": ["janv", "févr", "mars", "avr", "mai", "juin", "juil", "août", "sept", "oct", "nov", "déc"] }); var formatMillisecond = locale.format(".%L"), formatSecond = locale.format(":%S"), formatMinute = locale.format("%I:%M"), formatHour = locale.format("%I %p"), formatDay = locale.format("%a %d"), formatWeek = locale.format("%b %d"), formatMonth = locale.format("%B"), formatYear = locale.format("%Y"); return (d3.timeSecond(date) < date ? formatMillisecond : d3.timeMinute(date) < date ? formatSecond : d3.timeHour(date) < date ? formatMinute : d3.timeDay(date) < date ? formatHour : d3.timeMonth(date) < date ? (d3.timeWeek(date) < date ? formatDay : formatWeek) : d3.timeYear(date) < date ? formatMonth : formatYear)(date); }34:T47d,viewof countries_array = checkbox({ title: "Pays", description: "Sélectionner les pays que vous souhaitez comparer", options: [ { label: "France 🇫🇷", value: "france" }, { label: "Allemagne 🇩🇪", value: "allemagne" }, { label: "Argentine 🇦🇷", value: "argentine" }, { label: "Autriche 🇦🇹", value: "autriche" }, { label: "Belgique 🇧🇪", value: "belgique" }, { label: "Bolivie 🇧🇴", value: "bolivie" }, { label: "Brésil 🇧🇷", value: "bresil" }, { label: "Chili 🇨🇱", value: "chili" }, { label: "Colombie 🇨🇴", value: "colombie" }, { label: "Danemark 🇩🇰", value: "danemark" }, { label: "Équateur 🇪🇨", value: "equateur" }, { label: "Espagne 🇪🇸", value: "espagne" }, { label: "Italie 🇮🇹", value: "italie" }, { label: "Paraguay 🇵🇾", value: "paraguay" }, { label: "République Tchèque 🇨🇿", value: "republique_tcheque" }, { label: "Royaume-Uni 🇬🇧", value: "royaume-uni" }, { label: "Suisse 🇨🇭", value: "suisse" } ], value: ["france", "bresil"], })35:T91f,carac_histogram = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const bins = country => d3.bin() .domain([0,1]) .value(d => d == null ? 0 : d[selectedCarac]) (tidyDataMap.get(country).flat()); const x = d3.scaleLinear() .domain([0,1]).nice() .range([margin.left, width - margin.right]); const xAxis = g => g .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x).ticks(width / 80 ).tickSizeOuter(0)) .call(g => g.select(".tick:last-of-type text").clone() .attr("y", 20) .attr("text-anchor", "end") .attr("font-weight", "bold") .text(formatCaracFrench.get(selectedCarac))); const y = d3.scaleLinear() .domain([0, d3.max(countries_array.map(country => d3.max(bins(country), d => d.length)))]).nice() .range([height - margin.bottom, margin.top]); const yAxis = g => g .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y).ticks(height / 40)) .call(g => g.select(".domain").remove()) .call(g => g.select(".tick:last-of-type text").clone() .attr("x", 4) .attr("y", -8) .attr("text-anchor", "start") .attr("font-weight", "bold") .text("Nombre de musiques apparaissant dans un top 200 quotidien au cours de l'année 2020")); const addRect = (svg, country) => { console.log(country); console.log(colorContinent(country)); return ( svg.append("g") .attr("fill", colorContinent(mapContinent.get(country))) .attr("opacity", 0.5) .selectAll("rect") .data(bins(country)) .join("rect") .attr("x", d => x(d.x0) + 1) .attr("width", d => Math.max(0, x(d.x1) - x(d.x0) - 1)) .attr("y", d => y(d.length)) .attr("height", d => y(0) - y(d.length)) ); } svg.append("g") .call(xAxis) .call(g => g.selectAll(".tick line") .clone() .attr("stroke-opacity", 0.1) .attr("y1", -height + margin.top + margin.bottom)); svg.append("g") .call(yAxis) .call(g => g.selectAll(".tick line") .clone() .attr("stroke-opacity", 0.1) .attr("x1", width - margin.left - margin.right)); countries_array.forEach(country => addRect(svg, country)); return svg.node(); }36:[{"id":"5f8ca159cb78905305bfbffeaa9098f95a00810b4cef00de0046741beacf4f3039f8d71b80ce3f443826a3fe30c51943234d5da8e00f4c2811461892c92d4078","href":"https://static.observableusercontent.com/files/5f8ca159cb78905305bfbffeaa9098f95a00810b4cef00de0046741beacf4f3039f8d71b80ce3f443826a3fe30c51943234d5da8e00f4c2811461892c92d4078","name":"top_200_af_spotify.csv","type":"text/csv","lastModified":1610984077542.47,"size":3873002},{"id":"a06e64a36ab0dfe417d3f3ce47152f5ba25d40e8fff8a2bd91fc900eea8eafb8a27a3e6eab82e97400b9806d586ff8c1e4d83d185f08543ae9f21707ef566737","href":"https://static.observableusercontent.com/files/a06e64a36ab0dfe417d3f3ce47152f5ba25d40e8fff8a2bd91fc900eea8eafb8a27a3e6eab82e97400b9806d586ff8c1e4d83d185f08543ae9f21707ef566737","name":"top_france_200_spotify.csv","type":"text/csv","lastModified":1610984077542.47,"size":1688327},{"id":"5be13023997786eeaaceeb6ebd11d53c581af525718a9f27c0517c4d5446ac22a22033a431477fca3cd50c9008c32a9cb11736f33fb07fe116563673173d9ab2","href":"https://static.observableusercontent.com/files/5be13023997786eeaaceeb6ebd11d53c581af525718a9f27c0517c4d5446ac22a22033a431477fca3cd50c9008c32a9cb11736f33fb07fe116563673173d9ab2","name":"top_belgique_200_spotify.csv","type":"text/csv","lastModified":1610985131565.183,"size":1688528},{"id":"eac596e1b4553f6159746464dc62eb2552e5ad333f749cfe5c5157f563262cefa161f36c162f93aee29ac318040ccaff434c854e14bbd2170764d82be8e31149","href":"https://static.observableusercontent.com/files/eac596e1b4553f6159746464dc62eb2552e5ad333f749cfe5c5157f563262cefa161f36c162f93aee29ac318040ccaff434c854e14bbd2170764d82be8e31149","name":"top_paraguay_200_spotify.csv","type":"text/csv","lastModified":1610985098872.874,"size":1688528},{"id":"e987a98c1f145fad3dfd072ef7963a5ccca1747b204434346c9e932ffd61a872ed822da0f2c19ce89d6a4a1dafdd088fda2b10ee712f0d4173b7ecdafb3aca55","href":"https://static.observableusercontent.com/files/e987a98c1f145fad3dfd072ef7963a5ccca1747b204434346c9e932ffd61a872ed822da0f2c19ce89d6a4a1dafdd088fda2b10ee712f0d4173b7ecdafb3aca55","name":"top_royaume-uni_200_spotify.csv","type":"text/csv","lastModified":1610985120297.415,"size":1688528},{"id":"b58b33f717fe21548ef157508832b172ee4fdad26732cdbd4b78ac43109af439370649c6926390b352561cae4b5c01aab61be7ca5e56016c77f005e2a6555a87","href":"https://static.observableusercontent.com/files/b58b33f717fe21548ef157508832b172ee4fdad26732cdbd4b78ac43109af439370649c6926390b352561cae4b5c01aab61be7ca5e56016c77f005e2a6555a87","name":"top_italie_200_spotify.csv","type":"text/csv","lastModified":1610985113485.793,"size":1688528},{"id":"918c338ea43f8ffd702fa893c3889e9023d6b53923989a41c20650bac9fd5d327772f8cffb516f77e97703691444abf06eb7bc88a27a379322f0b68ba20a7668","href":"https://static.observableusercontent.com/files/918c338ea43f8ffd702fa893c3889e9023d6b53923989a41c20650bac9fd5d327772f8cffb516f77e97703691444abf06eb7bc88a27a379322f0b68ba20a7668","name":"top_bolivie_200_spotify.csv","type":"text/csv","lastModified":1610985116704.408,"size":1688528},{"id":"00833175befca1b50ca1d4cf38c9e9f5a3fc5b5c672191115d7d5b15e0fdad29aaba32e6078c5b9a72669cb4ac3b00bf23363f3bc39508f727e19d18ce62d0e7","href":"https://static.observableusercontent.com/files/00833175befca1b50ca1d4cf38c9e9f5a3fc5b5c672191115d7d5b15e0fdad29aaba32e6078c5b9a72669cb4ac3b00bf23363f3bc39508f727e19d18ce62d0e7","name":"top_equateur_200_spotify.csv","type":"text/csv","lastModified":1610985118914.048,"size":1688528},{"id":"75e1135640279ce2574f3d8b4e72ca6e9cd645b4f30aa29a918d343a9473f86480f702dacd6d517a66f44a89fb4c2aae09d6a1efddbd37f727ed85f48877f3bd","href":"https://static.observableusercontent.com/files/75e1135640279ce2574f3d8b4e72ca6e9cd645b4f30aa29a918d343a9473f86480f702dacd6d517a66f44a89fb4c2aae09d6a1efddbd37f727ed85f48877f3bd","name":"top_espagne_200_spotify.csv","type":"text/csv","lastModified":1610985130050.526,"size":1688305},{"id":"08a0bdb1a5821eb9ec9b3ea158ab0b4a005460968413106e0b8618ec850f9b1123071cfdb46b12dabf407d628a357a98eec3fb3545a00addc47f8e7b1b81b532","href":"https://static.observableusercontent.com/files/08a0bdb1a5821eb9ec9b3ea158ab0b4a005460968413106e0b8618ec850f9b1123071cfdb46b12dabf407d628a357a98eec3fb3545a00addc47f8e7b1b81b532","name":"top_autriche_200_spotify.csv","type":"text/csv","lastModified":1610985121714.741,"size":1688528},{"id":"60a208ea48b03c85754e9ba78340c3e57d5b1204b854f42ca13967e7705cc77ef718bf9f1645ab6a7fd43bdab173744e1ed49953168f5b11aaa0ad5ddce9dcad","href":"https://static.observableusercontent.com/files/60a208ea48b03c85754e9ba78340c3e57d5b1204b854f42ca13967e7705cc77ef718bf9f1645ab6a7fd43bdab173744e1ed49953168f5b11aaa0ad5ddce9dcad","name":"top_chili_200_spotify.csv","type":"text/csv","lastModified":1610985123161.08,"size":1688528},{"id":"a673440d7a84e9b496adf224c96c247fcc83d9aea46deae6c9c60297c2129a7c0f3cd53fee59a9275f54ef51e65e5b300d0674840b94bc356d50776c1e15f569","href":"https://static.observableusercontent.com/files/a673440d7a84e9b496adf224c96c247fcc83d9aea46deae6c9c60297c2129a7c0f3cd53fee59a9275f54ef51e65e5b300d0674840b94bc356d50776c1e15f569","name":"top_allemagne_200_spotify.csv","type":"text/csv","lastModified":1610985127501.315,"size":1688528},{"id":"c1c62b6b38dbddd8059d5d4a724f4377f6bcbf504c604401f62abb04135aee7cfdf353ea517788d575bc861c61fc10ccefb1a839d58789145c70fd272e9348ba","href":"https://static.observableusercontent.com/files/c1c62b6b38dbddd8059d5d4a724f4377f6bcbf504c604401f62abb04135aee7cfdf353ea517788d575bc861c61fc10ccefb1a839d58789145c70fd272e9348ba","name":"top_republique_tcheque_200_spotify.csv","type":"text/csv","lastModified":1610985126270.2,"size":1688528},{"id":"3e1c5da8c567fe60249206130b4bcce121c8e058f27278931b14f99fbaef537557423bf178bd0d35490d5ecbe496f61a9c1a6caf138703652aa177764795bff4","href":"https://static.observableusercontent.com/files/3e1c5da8c567fe60249206130b4bcce121c8e058f27278931b14f99fbaef537557423bf178bd0d35490d5ecbe496f61a9c1a6caf138703652aa177764795bff4","name":"top_argentine_200_spotify.csv","type":"text/csv","lastModified":1610985128373.508,"size":1688528},{"id":"9bf225bda4c69696bead3e67f17a160e8b43dccba0e4b761171c1aa02645e91aac34741c9c2a9f0d976cb5572c33d02dcae4ff7b28b68816aa9a6818e8a23ea5","href":"https://static.observableusercontent.com/files/9bf225bda4c69696bead3e67f17a160e8b43dccba0e4b761171c1aa02645e91aac34741c9c2a9f0d976cb5572c33d02dcae4ff7b28b68816aa9a6818e8a23ea5","name":"top_danemark_200_spotify.csv","type":"text/csv","lastModified":1610985133393.441,"size":1688528},{"id":"2266ad29b6f21904ec0a68268b1e09ad8d8ce9145b2682da988f980a2623165cc7136b618362e367daec46877b2642fe3dafba4244f7adb0d15750022d7c29d5","href":"https://static.observableusercontent.com/files/2266ad29b6f21904ec0a68268b1e09ad8d8ce9145b2682da988f980a2623165cc7136b618362e367daec46877b2642fe3dafba4244f7adb0d15750022d7c29d5","name":"top_suisse_200_spotify.csv","type":"text/csv","lastModified":1610985132783.294,"size":1688528},{"id":"e30f14d43257eaf9c83c654f296409b2e731f2663c133de88242195a6d248805b0f48ec05a154482896160bbb5751eac56a5b247349b22287ef14c75e9093ab7","href":"https://static.observableusercontent.com/files/e30f14d43257eaf9c83c654f296409b2e731f2663c133de88242195a6d248805b0f48ec05a154482896160bbb5751eac56a5b247349b22287ef14c75e9093ab7","name":"top_bresil_200_spotify.csv","type":"text/csv","lastModified":1610985134382.755,"size":1688528},{"id":"562dfc6db4fcbfc3b9b0e0e232ec17efa85b3e165ddcc322b7b5071e9181e8edfc8592717cafb1171108ccb5c9c92b127984981df564ba0e37582a49b6f4fdc3","href":"https://static.observableusercontent.com/files/562dfc6db4fcbfc3b9b0e0e232ec17efa85b3e165ddcc322b7b5071e9181e8edfc8592717cafb1171108ccb5c9c92b127984981df564ba0e37582a49b6f4fdc3","name":"top_colombie_200_spotify.csv","type":"text/csv","lastModified":1610985136616.307,"size":1688327},{"id":"d52469470a42577a4c700ce5c70c049dc47efbe022902024e099e323b1833459e7ebe37b52448c42bff0be2271e17b5830fc276d6e3554c692db1b313f34aa60","href":"https://static.observableusercontent.com/files/d52469470a42577a4c700ce5c70c049dc47efbe022902024e099e323b1833459e7ebe37b52448c42bff0be2271e17b5830fc276d6e3554c692db1b313f34aa60","name":"top_200_af_spotify@1.csv","type":"text/csv","lastModified":1611938426909.873,"size":3965709},{"id":"d9c03841dbee9799e08a4f691c57c7b9a84f902e2036e22d4bbc8b22ebf4e0edabef9a947c81f7f8f45aebe61e5722ffe401e398e3d3dbe39270a549377e8ec2","href":"https://static.observableusercontent.com/files/d9c03841dbee9799e08a4f691c57c7b9a84f902e2036e22d4bbc8b22ebf4e0edabef9a947c81f7f8f45aebe61e5722ffe401e398e3d3dbe39270a549377e8ec2","name":"nb_common_tracks.csv","type":"text/csv","lastModified":1612367945910.116,"size":338720}] 2f:{"title":"[MOS 5.5] Exploration de données Spotify (2/3)","cells":[{"id":0,"value":"md`# [MOS 5.5] Exploration de données Spotify (2/3)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"md`Ce notebook fait suite à [ce Notebook](https://observablehq.com/d/c57b4272166821db) créé lors du cours de Visualisation Interactive de Données le Vendredi 15 Janvier. Une première exploration des données Spotify a été réalisée dans [ce notebook](https://observablehq.com/@raphaelchalicarne/tendances-decoutes-spotify-en-2020).`","pinned":false,"hidden":false,"mode":"ojs"},{"id":586,"value":"md`## Données Spotify\nLes données viennent du site [Spotify Charts](https://spotifycharts.com/) et sont basées sur les 200 titres les plus écoutés chaque jour dans différents pays en 2020.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":580,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":238,"value":"md`## Visualisation avec D3`","pinned":false,"hidden":false,"mode":"ojs"},{"id":606,"value":"md`Valeurs moyennes des caractéristiques audio des ${nb_daily_musics} musiques les plus écoutées ${formatCountry.get(country)} chaque jour.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":617,"value":"viewof nb_daily_musics = slider({\n min: 1, \n max: 200, \n step: 1, \n value: 100, \n title: \"Nombre de musiques journalières\", \n description: \"Sélectionnez le nombre de musiques que vous souhaitez considérer dans le top journalier\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":536,"value":"swatches({\n color: d3.scaleOrdinal([\"Dansabilité\", \"Énergie\", \"Mode\", \"Parole\", \"Acousticité\", \"Instrumentalité\", \"Vivacité\", \"Valence\"], d3.schemeSet1),\n columns: \"180px\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":237,"value":"chart_danceability = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .call(year_2020Axis);\n\n svg.append(\"g\")\n .call(yAxis);\n\n track_carac.forEach(carac => addPath(svg, carac));\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":251,"value":"year_2020 = d3.scaleTime()\n .domain(d3.extent(top_data.map(d => d.date))).nice()\n .range([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs"},{"id":358,"value":"y = d3.scaleLinear()\n .domain([0, 1]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":260,"value":"year_2020Axis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(year_2020).tickFormat(multiFormat));","pinned":false,"hidden":false,"mode":"ojs"},{"id":355,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(y).ticks(height / 40))\n .call(g => g.selectAll(\".tick line\").clone().attr(\"stroke-opacity\", 0.1).attr(\"x2\", width - margin.left - margin.right))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.select(\".tick:last-of-type text\").clone()\n .attr(\"x\", 4)\n .attr(\"text-anchor\", \"start\")\n .attr(\"font-weight\", \"bold\")\n .text(getData(\"valence\").y))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1512,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"function addPath(svg, carac) {\n let data = getData(carac);\n let line = d3.line()\n .curve(d3.curveStep)\n .defined(d => !isNaN(d.mean_val))\n .x(d => year_2020(d.date))\n .y(d => y(d.mean_val));\n return (svg.append(\"path\")\n .datum(data)\n .attr(\"fill\", \"none\")\n .attr(\"stroke\", colorCarac(carac))\n .attr(\"stroke-width\", 1.5)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"stroke-linecap\", \"round\")\n .attr(\"d\", line));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"getData = (carac => top_data.map(day_data => ({date: day_data.date, mean_val:getCaracMean(day_data, carac)})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"getCaracMean = ((day_data, carac) => d3.mean(position_keys.map(i => day_data[i] == null ? 0 : day_data[i][carac])))","pinned":false,"hidden":false,"mode":"ojs"},{"id":636,"value":"md`## Distribution (Histogramme)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1248,"value":"md`Distribution des caractéristiques audio des ${nb_daily_musics} musiques les plus écoutées ${formatCountry.get(country)} chaque jour.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":720,"value":"viewof date = Scrubber(dates, {\n autoplay: false,\n loop: false,\n format: date => date.toLocaleString(\"fr\", {year: \"numeric\", month: \"long\", day: \"numeric\"})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":765,"value":"viewof caracs_array = checkbox({\n title: \"Caractéristiques audio\",\n description: \"Sélectionner les caractéristiques audio à afficher\",\n options: [\n { value: \"danceability\", label: \"Dansabilité\" },\n { value: \"energy\", label: \"Énergie\" },\n { value: \"mode\", label: \"Mode\" },\n { value: \"speechiness\", label: \"Parole\" },\n { value: \"acousticness\", label: \"Acousticité\" },\n { value: \"instrumentalness\", label: \"Instrumentalité\" },\n { value: \"liveness\", label: \"Vivacité\" },\n { value: \"valence\", label: \"Valence\" }\n ],\n value: [\"energy\", \"danceability\", \"valence\"],\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":987,"value":"swatches({\n color: d3.scaleOrdinal([\"Dansabilité\", \"Énergie\", \"Mode\", \"Parole\", \"Acousticité\", \"Instrumentalité\", \"Vivacité\", \"Valence\"], d3.schemeSet1),\n columns: \"180px\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":676,"value":"chartHisto = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n \n svg.append(\"g\")\n .selectAll(\"g\")\n .data(stackedHistoDataDay)\n .join(\"g\")\n .attr(\"fill\", d => colorCarac(d[0].carac))\n .selectAll(\"rect\")\n .data(d => d)\n .join(\"rect\")\n .attr(\"x\", (d, i) => x(d.data.x0))\n .attr(\"y\", d => yHisto(d[1]))\n .attr(\"height\", d => yHisto(d[0]) - yHisto(d[1]))\n .attr(\"width\", x.bandwidth())\n\n svg.append(\"g\")\n .call(xAxis);\n \n svg.append(\"g\")\n .call(yHistoAxis);\n \n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":893,"value":"selectedCaracsDailyValues = d3.transpose(caracs_array.map(carac => dailyDistribBins(carac)))","pinned":false,"hidden":false,"mode":"ojs"},{"id":896,"value":"histoData = selectedCaracsDailyValues.map((dailyBins, date_index) => {\n var distrib = thresholds.slice(0, -1).map((x0, thresholds_index) => Object({x0:x0, x1:thresholds[thresholds_index +1 ]}));\n caracs_array.forEach((carac, carac_index) => {\n var carac_distrib = selectedCaracsDailyValues[date_index][carac_index];\n carac_distrib.forEach(carac_bar => {\n let index_x0 = thresholds.indexOf(carac_bar.x0);\n let carac_value = carac_bar.nb_elem_carac;\n distrib[index_x0][carac] = carac_value;\n });\n });\n return distrib;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":935,"value":"stackedHistoDataDay = d3.stack()\n .keys(caracs_array)\n (histoData[date_index])\n .map(d => (d.forEach(v => v.carac = d.key), d))","pinned":false,"hidden":false,"mode":"ojs"},{"id":736,"value":"date_index = dates.indexOf(date)","pinned":false,"hidden":false,"mode":"ojs"},{"id":679,"value":"x = d3.scaleBand()\n .domain(thresholds.slice(0,-1))\n .range([margin.left, width - margin.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":687,"value":"yHisto = d3.scaleLinear()\n .domain([0, yHistoMax])\n .rangeRound([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":683,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).ticks(width / 80 ).tickSizeOuter(0))\n .call(g => g.append(\"text\")\n .attr(\"x\", width - margin.right)\n .attr(\"y\", -4)\n .attr(\"fill\", \"currentColor\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"text-anchor\", \"end\"))\n //.text(top_data[date_index].x))","pinned":false,"hidden":false,"mode":"ojs"},{"id":694,"value":"yHistoAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(yHisto).ticks(null, \"s\"))\n .call(g => g.selectAll(\".tick line\").clone().attr(\"stroke-opacity\", 0.1).attr(\"x2\", width - margin.left - margin.right))\n .call(g => g.selectAll(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":1021,"value":"yHistoMax = d3.max(dates.map((date, date_i) => d3.max(d3.stack().keys(caracs_array)(histoData[date_i])[caracs_array.length-1].map(d => d[1]))))","pinned":false,"hidden":false,"mode":"ojs"},{"id":658,"value":"getDistribPerDay = ((day_data, carac) => position_keys.map(i => day_data[i] == null ? 0 : day_data[i][carac]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":750,"value":"dailyDistribBins = (carac => top_data.map((day_data) => {\n let bins = d3.bin().domain([0,1]).thresholds(nb_bins)(getDistribPerDay(day_data, carac));\n return bins.map(d => ({nb_elem_carac:d.length, x0:d.x0, x1:d.x1}));\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":849,"value":"thresholds = d3.ticks(0,1,nb_bins)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1068,"value":"nb_bins = 20","pinned":false,"hidden":false,"mode":"ojs"},{"id":1116,"value":"md`## Distribution (aire)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1275,"value":"md`Distribution des caractéristiques d'écoute selon les continents des pays sélectionnées (Europe et Amérique du Sud).` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1119,"value":"viewof selectedCarac = select({\n title: \"Caractéristique audio\",\n description: \"Choisissez la caractéristique que vous souhaitez comparer\",\n options: [\n { value: \"danceability\", label: \"Dansabilité\" },\n { value: \"energy\", label: \"Énergie\" },\n { value: \"mode\", label: \"Mode\" },\n { value: \"speechiness\", label: \"Parole\" },\n { value: \"acousticness\", label: \"Acousticité\" },\n { value: \"instrumentalness\", label: \"Instrumentalité\" },\n { value: \"liveness\", label: \"Vivacité\" },\n { value: \"valence\", label: \"Valence\" }\n ],\n value: \"valence\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1123,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"/*\nviewof bandwidth = slider({\n min: 0.001,\n max: 1,\n value: 0.2,\n precision: 3,\n description: \"A high precision slider example\"\n})\n*/\nbandwidth = 0.05","pinned":false,"hidden":false,"mode":"ojs"},{"id":1205,"value":"viewof dateArea = Scrubber(dates, {\n autoplay: false,\n loop: false,\n delay: 50,\n format: date => date.toLocaleString(\"fr\", {month: \"long\", day: \"numeric\"})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1128,"value":"chartCompareCountries = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n addDensityPath(svg, areaData);\n\n svg.append(\"g\")\n .call(xAxis);\n\n svg.append(\"g\")\n .call(yAreaAxis);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1547,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":1197,"value":"yArea = d3.scaleLinear()\n //.domain([0, d3.max(areaData[dateArea_index][0])])\n //.domain([0, d3.max(density, d=>d[1])]).nice() \n .domain([0, 5]).nice() \n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1200,"value":"yAreaAxis = g => g\n .attr(\"transform\", `translate(${margin.left},0)`)\n .call(d3.axisLeft(yArea).ticks(null, \"s\"))\n .call(g => g.selectAll(\".tick line\").clone().attr(\"stroke-opacity\", 0.1).attr(\"x2\", width - margin.right))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":1202,"value":"function addDensityPath(svg, areaData) {\n countries_array.forEach((selectedCountry, index_country) => {\n let country_density = kde(epanechnikov(bandwidth), thresholds, areaData[dateArea_index][index_country]);\n svg.append(\"path\")\n .datum(country_density)\n .attr(\"fill\", \"none\")\n //.attr(\"stroke\", colorCountry(selectedCountry))\n .attr(\"stroke\", colorContinent(mapContinent.get(selectedCountry)))\n .attr(\"stroke-width\", 1.5)\n .attr(\"stroke-linejoin\", \"round\")\n .attr(\"d\", line);\n return svg;\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1195,"value":"line = d3.line()\n .curve(d3.curveBasis)\n .x(d => x(d[0]))\n .y(d => yArea(d[1]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1133,"value":"areaData = d3.transpose(countries_array.map(selectedCountry => {\n var tidy_country_data = data_map.get(selectedCountry);\n return tidy_country_data.map((day_data, date_index) => position_keys.map(pos => day_data[pos] == null ? 0 : day_data[pos][selectedCarac]));\n }\n))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1208,"value":"dateArea_index = dates.indexOf(dateArea)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1187,"value":"density = kde(epanechnikov(bandwidth), thresholds, areaData[dateArea_index][0])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1293,"value":"md`## Heatmap Musiques en commun`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1300,"value":"viewof dateHeatmap = Scrubber(dates, {\n autoplay: false,\n loop: false,\n delay: 50,\n format: date => date.toLocaleString(\"fr\", {month: \"long\", day: \"numeric\"})\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1486,"value":"legend({\n color: colorHeatmap,\n title: \"Nombre de musiques en commun dans le Top 200 quotidien\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1296,"value":"heatmap_chart = {\n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height]);\n\n svg.append(\"g\")\n .call(xAxisHeatmap)\n .selectAll(\"text\")\n .style(\"text-anchor\", \"start\")\n .attr(\"transform\", \"rotate(30)\");\n\n svg.append(\"g\")\n .call(yAxisHeatmap);\n\n svg.append(\"g\")\n .selectAll(\"g\")\n .data(dataHeatmap)\n .join(\"g\")\n .attr(\"transform\", (d, i) => `translate(0,${yHeatmap(list_countries[i])})`)\n .selectAll(\"rect\")\n .data(d => d)\n .join(\"rect\")\n .attr(\"x\", (d, i) => xHeatmap(list_countries[i]) + 1)\n .attr(\"width\", (d, i) => xHeatmap.bandwidth() + 3)\n .attr(\"height\", yHeatmap.bandwidth() - 1)\n .attr(\"fill\", d => isNaN(d) ? \"#eee\" : d === 0 ? \"#fff\" : colorHeatmap(d))\n .join(\"text\")\n .attr(\"x\", (d, i) => xHeatmap(list_countries[i]) + 1)\n .text(d => d);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1386,"value":"xHeatmap = d3.scaleBand()\n .domain(list_countries)\n .range([marginHeatmap.left, width - marginHeatmap.right])\n .padding(0.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1384,"value":"xAxisHeatmap = g => g\n .attr(\"transform\", `translate(0,${height - marginHeatmap.bottom})`)\n .call(d3.axisBottom(xHeatmap).ticks(width / 80 ).tickSizeOuter(0))\n .call(g => g.append(\"text\")\n .attr(\"x\", width - marginHeatmap.right)\n .attr(\"y\", -4)\n .attr(\"fill\", \"currentColor\")\n .attr(\"font-weight\", \"bold\")\n .attr(\"text-anchor\", \"end\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1393,"value":"yHeatmap = d3.scaleBand()\n .domain([...list_countries].reverse())\n .rangeRound([height - marginHeatmap.bottom, marginHeatmap.top])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1390,"value":"yAxisHeatmap = g => g\n .attr(\"transform\", `translate(${marginHeatmap.left},0)`)\n .call(d3.axisLeft(yHeatmap).tickSize(0))\n .call(g => g.select(\".domain\").remove())","pinned":false,"hidden":false,"mode":"ojs"},{"id":1400,"value":"colorHeatmap = d3.scaleSequential([0, 200], d3.interpolateYlGn)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1432,"value":"marginHeatmap = ({top: 30, right: 60, bottom: 70, left: 120})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1303,"value":"md`### Fonctions Heatmap`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1409,"value":"dataHeatmap = data_nb_common_tracks[dateHeatmap_index]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1381,"value":"dateHeatmap_index = dates.indexOf(dateHeatmap)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1351,"value":"data_nb_common_tracks = d3.csvParseRows(await FileAttachment(\"nb_common_tracks.csv\").text(), d3.autoType).map(common_tracks_day => {\n var common_tracks_array = [];\n for (let i=0; i < 17; i++) {\n common_tracks_array.push(common_tracks_day.slice(17*i, 17*(i+1)))\n }\n return common_tracks_array;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1310,"value":"list_countries = [\"France 🇫🇷\", \"Belgique 🇧🇪\", \"Suisse 🇨🇭\", \"Autriche 🇦🇹\", \"Allemagne 🇩🇪\", \"Danemark 🇩🇰\", \"République Tchèque 🇨🇿\", \"Royaume-Uni 🇬🇧\", \"Italie 🇮🇹\", \"Espagne 🇪🇸\", \"Argentine 🇦🇷\", \"Bolivie 🇧🇴\", \"Brésil 🇧🇷\", \"Chili 🇨🇱\", \"Colombie 🇨🇴\", \"Équateur 🇪🇨\", \"Paraguay 🇵🇾\"]","pinned":false,"hidden":false,"mode":"ojs"},{"id":652,"value":"md`## Paramètres de mise en forme`","pinned":false,"hidden":false,"mode":"ojs"},{"id":784,"value":"track_carac = [\"danceability\", \"energy\", \"mode\", \"speechiness\", \"acousticness\", \"instrumentalness\", \"liveness\", \"valence\"];","pinned":false,"hidden":false,"mode":"ojs"},{"id":781,"value":"colorCarac = d3.scaleOrdinal()\n .domain(track_carac)\n .range(d3.schemeSet1)\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1252,"value":"colorCountry = d3.scaleOrdinal()\n .domain([\"france\", \"allemagne\", \"argentine\", \"autriche\", \"belgique\", \"bolivie\", \"bresil\", \"chili\", \"colombie\", \"danemark\", \"equateur\", \"espagne\", \"italie\", \"paraguay\", \"republique_tcheque\", \"royaume-uni\", \"suisse\"])\n .range([\"#0055A4\", \"black\", \"#75AADB\", \"#ED2939\", \"black\", \"#D52B1E\", \"#009C3B\", \"#D52B1E\", \"#FCD116\", \"#C60C30\", \"#FFDD00\", \"#AA151B\", \"#008C45\", \"#0038A8\", \"#11457E\", \"#00247D\", \"#D52B1E\"])\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1267,"value":"colorContinent = d3.scaleOrdinal()\n .domain([\"europe\", \"america\"])\n .range([\"#0079C2\", \"#E61B44\"])\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":609,"value":"formatCountry = new Map([\n [\"france\", \"en France\"], \n [\"allemagne\", \"en Allemagne\"],\n [\"argentine\", \"en Argentine\"], \n [\"autriche\", \"en Autriche\"],\n [\"belgique\", \"en Belgique\"], \n [\"bolivie\", \"en Bolivie\"],\n [\"bresil\", \"au Brésil\"], \n [\"chili\", \"au Chili\"],\n [\"colombie\", \"en Colombie\"], \n [\"danemark\", \"au Danemark\"],\n [\"equateur\", \"en Équateur\"], \n [\"espagne\", \"en Espagne\"],\n [\"italie\", \"en Italie\"],\n [\"paraguay\", \"au Paraguay\"],\n [\"republique_tcheque\", \"en République Tchèque\"],\n [\"royaume-uni\", \"au Royaume-Uni\"], \n [\"suisse\", \"en Suisse\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1270,"value":"mapContinent = new Map([\n [\"france\", \"europe\"], \n [\"allemagne\", \"europe\"],\n [\"argentine\", \"america\"], \n [\"autriche\", \"europe\"],\n [\"belgique\", \"europe\"], \n [\"bolivie\", \"america\"],\n [\"bresil\", \"america\"], \n [\"chili\", \"america\"],\n [\"colombie\", \"america\"], \n [\"danemark\", \"europe\"],\n [\"equateur\", \"america\"], \n [\"espagne\", \"europe\"],\n [\"italie\", \"europe\"],\n [\"paraguay\", \"america\"],\n [\"republique_tcheque\", \"europe\"],\n [\"royaume-uni\", \"europe\"], \n [\"suisse\", \"europe\"]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1549,"value":"formatCaracFrench = new Map([\n [\"danceability\", \"Dansabilité\"],\n [\"energy\", \"Énergie\"],\n [\"mode\", \"Mode\"],\n [\"speechiness\", \"Parole\"],\n [\"acousticness\", \"Acousticité\"],\n [\"instrumentalness\", \"Instrumentalité\"],\n [\"liveness\", \"Vivacité\"],\n [\"valence\", \"Valence\"]\n ])","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"margin = ({top: 30, right: 60, bottom: 30, left: 60})","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"md`## Données`","pinned":false,"hidden":false,"mode":"ojs"},{"id":440,"value":"data_map = new Map([\n [\"france\", top_france_data], \n [\"allemagne\", top_allemagne_data],\n [\"argentine\", top_argentine_data], \n [\"autriche\", top_autriche_data],\n [\"belgique\",top_belgique_data], \n [\"bolivie\", top_bolivie_data],\n [\"bresil\", top_bresil_data], \n [\"chili\", top_chili_data],\n [\"colombie\",top_colombie_data], \n [\"danemark\", top_danemark_data],\n [\"equateur\", top_equateur_data], \n [\"espagne\", top_espagne_data],\n [\"italie\",top_italie_data],\n [\"paraguay\",top_paraguay_data],\n [\"republique_tcheque\", top_republique_tcheque_data],\n [\"royaume-uni\", top_royaume_uni_data], \n [\"suisse\", top_suisse_data]\n].map(c => [c[0], tidyData(c[1])])\n )","pinned":false,"hidden":false,"mode":"ojs"},{"id":1325,"value":"top_data_map = new Map([\n [\"france\", top_france_data], \n [\"allemagne\", top_allemagne_data],\n [\"argentine\", top_argentine_data], \n [\"autriche\", top_autriche_data],\n [\"belgique\",top_belgique_data], \n [\"bolivie\", top_bolivie_data],\n [\"bresil\", top_bresil_data], \n [\"chili\", top_chili_data],\n [\"colombie\",top_colombie_data], \n [\"danemark\", top_danemark_data],\n [\"equateur\", top_equateur_data], \n [\"espagne\", top_espagne_data],\n [\"italie\",top_italie_data],\n [\"paraguay\",top_paraguay_data],\n [\"republique_tcheque\", top_republique_tcheque_data],\n [\"royaume-uni\", top_royaume_uni_data], \n [\"suisse\", top_suisse_data]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"top_data = data_map.get(country)","pinned":false,"hidden":false,"mode":"ojs"},{"id":530,"value":"md`### Importation des données de chaque pays`","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"top_france_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_france_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":437,"value":"top_allemagne_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_allemagne_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"top_argentine_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_argentine_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":459,"value":"top_autriche_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_autriche_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":460,"value":"top_belgique_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_belgique_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":465,"value":"top_bolivie_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_bolivie_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":468,"value":"top_bresil_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_bresil_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":469,"value":"top_chili_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_chili_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"top_colombie_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_colombie_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":477,"value":"top_danemark_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_danemark_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":480,"value":"top_equateur_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_equateur_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":483,"value":"top_espagne_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_espagne_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":486,"value":"top_italie_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_italie_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":513,"value":"top_paraguay_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_paraguay_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":489,"value":"top_republique_tcheque_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_republique_tcheque_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":492,"value":"top_royaume_uni_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_royaume-uni_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":496,"value":"top_suisse_data = d3.transpose(d3.csvParseRows(await FileAttachment(\"top_suisse_200_spotify.csv\").text(), d3.autoType))","pinned":false,"hidden":false,"mode":"ojs"},{"id":533,"value":"md`### Données Spotify associées à chaque musique`","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"spotify_data = d3.csvParse(await FileAttachment(\"top_200_af_spotify@1.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"spotifyMap = d3.group(spotify_data, d => d.id)","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"md`Conversion des données au format [tidy](https://cran.r-project.org/web/packages/tidyr/vignettes/tidy-data.html)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1136,"value":"tidyData = top_country_data => top_country_data.slice(1).map(row => {\n let obj = {};\n let date_row = row[0];\n obj[\"date\"] = date_row;\n for (let position = 1; position < nb_daily_musics+1; position++) {\n let track_id = row[position];\n let track_data = spotifyMap.get(track_id);\n obj[position] = track_data == undefined ? null : track_data[0];\n }\n return obj;\n}).sort((a,b) => a.date - b.date)","pinned":false,"hidden":false,"mode":"ojs"},{"id":275,"value":"position_keys = Array.from({length:nb_daily_musics}, (_,i) => i+1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":707,"value":"dates = Array.from({length: 366}, (_, i) => {\n const date = new Date(2020, 0, 1);\n date.setDate(i + 1);\n return date;\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import { table } from \"@gampleman/table\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"import { vl } from \"@vega/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"import {legend, swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":398,"value":"import {checkbox, select, slider} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1085,"value":"import {kde, epanechnikov} from \"@d3/kernel-density-estimation\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1563,"value":"import {tidyDataMap} from \"@raphaelchalicarne/musicharts\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1568,"value":"tidyDataMap(\"france\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W36","stdlib":"1","titling":"auto"}