31:[] 2f:{"title":"Tour de France 2021 - Start List","cells":[{"id":0,"value":"md`# Tour de France 2021 - Start List\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"viewof searchRider = Inputs.search(riders, { label: 'Rider' })","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"viewof selectedRiders = Inputs.table(searchRider, { height: 120 })","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":175,"value":"viewof selectedTeams = Inputs.table(searchTeam, { height: 120 })","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"html`${selectedTeams.map(showTeam)}`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":135,"value":"md`---\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":34,"value":"showTeam = team => html`\n

${team.name} ${palette(team.colorsJersey, 40)}

\n \n

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

`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":2,"value":"baseUrl = `https://raw.githubusercontent.com/severo/tour_de_france_data/master/2021/`","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"ridersByTeam = d3.group(riders, d => d.teamCode)","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"riders = d3.json(`${baseUrl}json/riders.json`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"teams = d3.json(`${baseUrl}json/teams.json`)","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"d3 = require('d3@6')","pinned":false,"hidden":false,"mode":"ojs"},{"id":207,"value":"import { copy } from '@d3/color-schemes'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}