2e:null 2f:["$","title",null,{"children":"[MOS 5.5] Exploration de données Spotify (2/3) | Raphaël Chalicarne | Observable"}] 34: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).`35: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 🇫🇷" })36: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); }37: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"], })38: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(); }39:[{"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}] 32:{"id":"76f71b4f6113d5ee","slug":"mos-5-5-exploration-de-donnees-spotify-2-2","title":"[MOS 5.5] Exploration de données Spotify (2/3)","thumbnail":"2702597ebac1b6f47ee2e07626184a427f799233fbafd453173c5ee8ce567324","access_level":"public","create_time":"$D2021-01-18T15:34:37.542Z","update_time":"$D2021-02-16T12:56:32.903Z","view_time":null,"first_public_time":"$D2021-02-04T09:46:53.520Z","has_unpublished_edits":null,"fork":{"id":"c57b4272166821db","slug":"mos-5-5-exploration-de-donnees-spotify-1-2","title":"[MOS 5.5] Exploration de données Spotify (1/3)","owner":{"id":"9c8e07cc0c309f40","login":"raphaelchalicarne","name":"Raphaël Chalicarne"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9c8e07cc0c309f40","login":"raphaelchalicarne","name":"Raphaël Chalicarne","avatar_url":"https://avatars-next.observableusercontent.com/f8733f0591e141c162dfede76b7f4a612d279d8ddd4167962f97ff94aee9b3c5","tier":"starter_2024"},"version":1572,"publish_version":1572,"role":null,"authored":false,"authors":[{"type":"individual","id":"e6c2297bec10a18f","login":"raphaelchalicarne","name":"Raphaël Chalicarne","avatar_url":"https://avatars-next.observableusercontent.com/ead7cec7d0962b5f11076ae14b1a58c82eff5338cdf23cf6863870f1f3feace2","tier":null}],"members":[{"type":"individual","id":"e6c2297bec10a18f","login":"raphaelchalicarne","name":"Raphaël Chalicarne","avatar_url":"https://avatars-next.observableusercontent.com/ead7cec7d0962b5f11076ae14b1a58c82eff5338cdf23cf6863870f1f3feace2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"886984115336056f","slug":"spotify","title":"Spotify","owner":{"id":"9c8e07cc0c309f40","login":"raphaelchalicarne","name":"Raphaël Chalicarne"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"md`## Visualisation avec D3`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":418,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"y = d3.scaleLinear()\n .domain([0, 1]).nice()\n .range([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1512,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"md`## Distribution (Histogramme)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":893,"value":"selectedCaracsDailyValues = d3.transpose(caracs_array.map(carac => dailyDistribBins(carac)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":736,"value":"date_index = dates.indexOf(date)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":687,"value":"yHisto = d3.scaleLinear()\n .domain([0, yHistoMax])\n .rangeRound([height - margin.bottom, margin.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":849,"value":"thresholds = d3.ticks(0,1,nb_bins)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1068,"value":"nb_bins = 20","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1116,"value":"md`## Distribution (aire)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1123,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1547,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1208,"value":"dateArea_index = dates.indexOf(dateArea)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1187,"value":"density = kde(epanechnikov(bandwidth), thresholds, areaData[dateArea_index][0])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1293,"value":"md`## Heatmap Musiques en commun`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1393,"value":"yHeatmap = d3.scaleBand()\n .domain([...list_countries].reverse())\n .rangeRound([height - marginHeatmap.bottom, marginHeatmap.top])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1400,"value":"colorHeatmap = d3.scaleSequential([0, 200], d3.interpolateYlGn)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1432,"value":"marginHeatmap = ({top: 30, right: 60, bottom: 70, left: 120})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1303,"value":"md`### Fonctions Heatmap`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1409,"value":"dataHeatmap = data_nb_common_tracks[dateHeatmap_index]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1381,"value":"dateHeatmap_index = dates.indexOf(dateHeatmap)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":652,"value":"md`## Paramètres de mise en forme`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"track_carac = [\"danceability\", \"energy\", \"mode\", \"speechiness\", \"acousticness\", \"instrumentalness\", \"liveness\", \"valence\"];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":781,"value":"colorCarac = d3.scaleOrdinal()\n .domain(track_carac)\n .range(d3.schemeSet1)\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1267,"value":"colorContinent = d3.scaleOrdinal()\n .domain([\"europe\", \"america\"])\n .range([\"#0079C2\", \"#E61B44\"])\n .unknown(\"#ccc\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":414,"value":"height = 500","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"margin = ({top: 30, right: 60, bottom: 30, left: 60})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"md`## Données`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":445,"value":"top_data = data_map.get(country)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":530,"value":"md`### Importation des données de chaque pays`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":533,"value":"md`### Données Spotify associées à chaque musique`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"spotify_data = d3.csvParse(await FileAttachment(\"top_200_af_spotify@1.csv\").text(), d3.autoType)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"spotifyMap = d3.group(spotify_data, d => d.id)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"position_keys = Array.from({length:nb_daily_musics}, (_,i) => i+1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { table } from \"@gampleman/table\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"import { vl } from \"@vega/vega-lite-api\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"import {legend, swatches} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"import {checkbox, select, slider} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":704,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1085,"value":"import {kde, epanechnikov} from \"@d3/kernel-density-estimation\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1563,"value":"import {tidyDataMap} from \"@raphaelchalicarne/musicharts\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1568,"value":"tidyDataMap(\"france\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W39","stdlib":"1","titling":"auto"}} 33:"$32:body"