2d:null 2e:["$","title",null,{"children":"Tour de France 2021 - Team List | cadasa | Observable"}] 33:[] 31:{"id":"c6801753960625a8","slug":"tour-de-france-2021-team-list","title":"Tour de France 2021 - Team List","thumbnail":"9d8efff333e83f69e75a6176fbd78c017e9011ff1d168c1e195d68863c656df2","access_level":"public","create_time":"$D2021-06-30T10:09:15.975Z","update_time":"$D2021-06-30T10:22:39.906Z","view_time":null,"first_public_time":"$D2021-06-30T10:13:23.180Z","has_unpublished_edits":null,"fork":{"id":"08e07db9e96bf887","slug":"tour-de-france-2021-start-list","title":"Tour de France 2021 - Start List","owner":{"id":"5c7b4ebed88da11a","login":"severo","name":"Sylvain Lesage"}},"stars":1,"starred":false,"owner":{"type":"team","id":"f2c21786e0c9f50c","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":"starter_2024"},"version":283,"publish_version":283,"role":null,"authored":false,"authors":[{"type":"individual","id":"d335f8179e5150bf","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":null}],"members":[{"type":"individual","id":"d335f8179e5150bf","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Tour de France 2021 - Team List","cells":[{"id":0,"value":"viewof title = md`# Tour de France 2021 - Team List\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof searchRider = Inputs.search(riders, { label: 'Rider' })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":138,"value":"viewof selectedRiders = Inputs.table(searchRider, { height: 120 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"viewof searchTeam = {\n const teamSet = new Set(selectedRiders.map(d => d.teamCode));\n return Inputs.search(teams.filter(d => teamSet.has(d.code)), {\n label: 'Team'\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":175,"value":"viewof selectedTeams = Inputs.table(searchTeam, { height: 120 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":275,"value":"dashboard = html` \n \n \n \n \n

\n ${viewof searchRider}\n

\n ${viewof searchTeam}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"pic = html`${selectedTeams.map(showTeam)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"md`---\n\nThe data of riders and teams of the _Tour de France 2021_ comes from https://letour.fr\n\n- [data repository](https://github.com/severo/tour_de_france_data)\n - [riders list](https://raw.githubusercontent.com/severo/tour_de_france_data/master/2021/json/riders.json) [JSON]\n - [teams list](https://raw.githubusercontent.com/severo/tour_de_france_data/master/2021/json/teams.json) [JSON]\n - [images](https://github.com/severo/tour_de_france_data/tree/master/2021/images) (rider pictures, team ogos and jerseys)\n- [scraping code](https://github.com/severo/tour_de_france_data_tools)\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"md`---\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"showTeam = team => html`\n

${team.name}

\n \n

\n ${ridersByTeam\n .get(team.code)\n .filter(d => selectedRiders.includes(d))\n .map(showRider)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"showRider = r => html`\n

\n\n

\n${r.bibNumber} ${r.firstName} ${r.fullName}\n
\n${r.countryName.toUpperCase()} ${r.birth.substr(0, 4)}\n

\n\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":77,"value":"palette = (colors, width) => {\n const side = width / colors.length;\n const margin = 2;\n const s = side - 2 * margin;\n const svg = html``;\n const label = html``;\n label.style.fontSize = \"0.5em\";\n label.style.fontWeight = \"normal\";\n label.style.marginLeft = \"0.5em\";\n\n svg.style.cursor = \"pointer\";\n svg.onclick = () => {\n label.textContent = \"Copied!\";\n copy(JSON.stringify(colors));\n setTimeout(() => (label.textContent = ''), 2000);\n };\n svg.onmouseenter = () => {\n label.textContent = \"← Click to copy the hexadecimal values\";\n setTimeout(() => (label.textContent = ''), 2000);\n };\n svg.onmouseleave = () => {\n label.textContent = '';\n };\n\n return html`${svg}${label}`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"baseUrl = `https://raw.githubusercontent.com/severo/tour_de_france_data/master/2021/`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"ridersByTeam = d3.group(riders, d => d.teamCode)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"riders = d3.json(`${baseUrl}json/riders.json`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"teams = d3.json(`${baseUrl}json/teams.json`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"import { copy } from '@d3/color-schemes'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"