34:["$","title",null,{"children":"HNU6056-A2026 - TP1: DataViz B | Olio | Observable"}] 3c:[{"id":"0098c1cbca328ecd2f5a7eeebce7afe9499bedaace6271eca83809738a2afd7fe4b32e609ef91829e249bed67a9277ef130abccb8576f93ff54a88fc15fe8fc6","href":"https://static.observableusercontent.com/files/0098c1cbca328ecd2f5a7eeebce7afe9499bedaace6271eca83809738a2afd7fe4b32e609ef91829e249bed67a9277ef130abccb8576f93ff54a88fc15fe8fc6","name":"tracks.tsv","type":"text/tab-separated-values","lastModified":1789070554117.305,"size":711503}] 38:{"id":"509eccba508caa8a","slug":"quels-artistes-musicaux-peuvent-inspirer-un-design","title":"HNU6056-A2026 - TP1: DataViz B","thumbnail":"09a6a655f471b97ca7abe9cbc97ba60d10a3e243220f13439c5b34d1649bf44f","access_level":"public","create_time":"$D2026-09-10T20:02:34.117Z","update_time":"$D2026-10-08T12:34:01.452Z","view_time":null,"first_public_time":"$D2026-09-10T20:02:34.117Z","has_unpublished_edits":null,"fork":{"id":"bb5b4e709d2bc183","slug":"independent-music-podcast","title":"Independent Music Podcast","owner":{"id":"1dccd75582c469d5","login":"hubgit","name":"Alf Eaton"}},"stars":0,"starred":false,"owner":{"type":"team","id":"1453abbbb403bc88","login":"datavizrookie","name":"Olio","avatar_url":null,"tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":173,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e37d9a5072137eaf","login":"datavizrookie","name":"Olio","avatar_url":null,"tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"team","id":"1453abbbb403bc88","login":"datavizrookie","name":"Olio","avatar_url":null,"tier":"starter_2024","role":"editor"},{"type":"individual","id":"e37d9a5072137eaf","login":"datavizrookie","name":"Olio","avatar_url":null,"tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"HNU6056-A2026 - TP1: DataViz B","cells":[{"id":151,"value":"# HNU6056-A2026 - TP1: DataViz B\n# Quels artistes musicaux peuvent inspirer un designer?\n## D'après le projet Independent Music Podcast","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":103,"value":"Tracks played on the [Independent Music Podcast](https://independentmusicpodcast.net/), hosted by Anthony Chalmers and Gareth Main, from 2010-2023.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":130,"value":"_Sur le site web de **Louder Than War** [louderthanwar.com] il est intéressant d'apprendre que Gareth Main est DJ, rédacteur musical et «gérant» du label **GM Sounds** [www.gmsounds.com](). Ce label a pour but de proposer au public des artistes et labels indépendants sur des vinyles 12 pouces ([https://louderthanwar.com/author/gareth-main/]()._","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":121,"value":"_**_Cette liste de données me permettrait d'établir et catégoriser les entrées nécessaires à la création de ma propre bibliothèque musicale. Plus précisément, celle de mes CD. Ce projet permettrait de voir quels sont les liens entre les styles musicaux, les artistes et toutes autres informations liées à ma liste et mes choix. Éventuellement, cette liste pourrait être mise en relation avec les événements politiques annuels selon la sortie des albums et ainsi se demander s'il y a une corrélation entre mes goûts musicaux selon les événements socio-politiques et historiques._** ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"tracks = await FileAttachment(\"tracks.tsv\").tsv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"tracks","database":"$undefined"},{"id":115,"value":"(note: the tracklists were scraped and parsed using regular expressions; it's possible that some tracks may be missing)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":157,"value":"_**Malgré la transparence de l'auteur sur les pistes, il n'est pas évident de comprendre ce qu'il entend par \"expressions régulières\".**_","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":107,"value":"## Artists","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"Plot.plot({\n marks: [\n barGradient,\n Plot.barX(\n tracks,\n Plot.groupY(\n { x: \"count\" },\n {\n y: \"artist\",\n sort: { y: \"x\", reverse: true, limit: 40 },\n fill: \"url(#gradient)\"\n }\n )\n ),\n Plot.ruleX([0])\n ],\n marginLeft: 150\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"map = {\n const container = yield htl.html`

`;\n const map = L.map(container).setView([37.774, -122.423], 13);\n L.tileLayer(\"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\", {\n attribution: \"© OpenStreetMap contributors\"\n }).addTo(map);\n barGradient = ƒ();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"**_Ici j'ai tenté de copier-coller du code en pensant que je pourrais appliquer le gradient sur une autre forme de visualisation. Malheureusement, il semble que l'écriture comporte des erreurs... Le texte en rouge témoigne d'une erreur de code à corriger pour arriver au résultat envisagé._**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":111,"value":"## Labels","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"Plot.plot({\n marks: [\n barGradient,\n Plot.barX(\n tracks,\n Plot.groupY(\n { x: \"count\" },\n {\n y: \"label\",\n sort: { y: \"x\", reverse: true, limit: 40 },\n filter: (d) => d.label,\n fill: \"url(#gradient)\"\n }\n )\n ),\n Plot.ruleX([0])\n ],\n marginLeft: 200\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"## Countries","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":30,"value":"Plot.plot({\n marks: [\n barGradient,\n Plot.barX(\n tracks,\n Plot.groupY(\n { x: \"count\" },\n {\n y: \"country\",\n sort: { y: \"x\", reverse: true, limit: 20 },\n filter: (d) => d.country,\n fill: \"url(#gradient)\"\n }\n )\n ),\n Plot.ruleX([0])\n ],\n marginLeft: 100\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"barGradient = () => htl.svg`\n \n \n \n \n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"**_J'aimerais pouvoir utiliser ce code, mais mes connaissances limitées ne me permettent pas de pousser plus loin pour l'instant...À travailler!_**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 33:null