29:null 2a:["$","title",null,{"children":"A Timeline of MotoGP riders careers | Andrew P | Observable"}] 2f:T85e,chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); svg.append("defs") .selectAll("linearGradient") .data(data.filter(d => d.end !== null)) .join("linearGradient") .attr("id", d => (d.gradientId = DOM.uid("gradient")).id) .attr("gradientUnits", "userSpaceOnUse") .attr("x1", d => x(d.start)) .attr("x2", d => x(d.end)) .call(g => g.append("stop").attr("stop-color", "currentColor")) .call(g => g.append("stop").attr("offset", "100%").attr("stop-color", "#ccc")); const line = svg.append("g") .attr("stroke-width", 2) .selectAll("line") .data(data) .join("line") .attr("stroke", d => d.end === null ? "currentColor" : d.gradientId) .attr("x1", d => x(d.start)) .attr("x2", d => x(d.end || x.domain()[1])) .attr("y1", d => y(d.name) + 0.5) .attr("y2", d => y(d.name) + 0.5); svg.append("g") .call(xAxis); const label = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 10) .attr("text-anchor", "end") .selectAll("text") .data(data) .join("text") .attr("x", d => x(d.start) - 6) .attr("y", d => y(d.name)) .attr("dy", "0.35em") .attr("fill-opacity", d => d.end === null ? null : 0.6) .text(d => d.name); const dot = svg.append("g") .attr("fill", "currentColor") .selectAll("circle") .data(data.filter(d => d.end !== null)) .join("circle") .attr("cx", d => x(d.end)) .attr("cy", d => y(d.name) + 0.5) .attr("r", 2); return Object.assign(svg.node(), { update(data) { const t = svg.transition().duration(750); y.domain(data.map(d => d.name)); line.data(data, d => d.name).transition(t) .delay(d => y(d.name)) .attr("y1", d => y(d.name)) .attr("y2", d => y(d.name)); label.data(data, d => d.name).transition(t) .delay(d => y(d.name)) .attr("y", d => y(d.name)); dot.data(data, d => d.name).transition(t) .delay(d => y(d.name)) .attr("cy", d => y(d.name)); } }); }30:[{"id":"742aab5c56eb0127f4c6eb5faecbd43c714072402271a9ed2cf6b9c4ae5af830e328b20012f0c53dad575a1326b51174a6e0dff3ac0efc7beb45088bb1f0e5a6","href":"https://static.observableusercontent.com/files/742aab5c56eb0127f4c6eb5faecbd43c714072402271a9ed2cf6b9c4ae5af830e328b20012f0c53dad575a1326b51174a6e0dff3ac0efc7beb45088bb1f0e5a6","name":"gp_careers_rossi@2.tsv","type":"text/tab-separated-values","lastModified":1615031243017.323,"size":9758},{"id":"d1836378981dce42fff70e8bd87ffd6c92bfcc42edada3e1140d871a86c0a7320d00c328a5477fb056c77bc055e0b3a87daa7ac24d69790311c4984c7dc4bc13","href":"https://static.observableusercontent.com/files/d1836378981dce42fff70e8bd87ffd6c92bfcc42edada3e1140d871a86c0a7320d00c328a5477fb056c77bc055e0b3a87daa7ac24d69790311c4984c7dc4bc13","name":"gp_careers_2020.tsv","type":"text/tab-separated-values","lastModified":1615033367357.344,"size":2113}] 2d:{"id":"ecae911d85f9ec32","slug":"a-timeline-of-motogp-riders-careers","title":"A Timeline of MotoGP riders careers","thumbnail":"3f972f2c3c121eb98009472c5cffe5ed0de89b780dc766d28a535cc2b68b472f","access_level":"public","create_time":"$D2021-03-06T10:39:10.320Z","update_time":"$D2021-03-06T12:58:44.205Z","view_time":null,"first_public_time":"$D2021-03-06T12:41:45.816Z","has_unpublished_edits":null,"fork":{"id":"f798413c39bb88c7","slug":"a-timeline-of-democratic-presidential-candidates","title":"A Timeline of Democratic Presidential Candidates","owner":{"id":"8c2e47252fd4995c","login":"mbostock","name":"Mike Bostock"}},"stars":2,"starred":false,"owner":{"type":"team","id":"448956d8a4a43eb5","login":"piratus","name":"Andrew P","avatar_url":"https://avatars-next.observableusercontent.com/10979fe53e8362346572a5770112fd1a4efba4fb09c4182a6652b6f09e12f9e4","tier":"starter_2024"},"version":237,"publish_version":237,"role":null,"authored":false,"authors":[{"type":"individual","id":"4873f825e6d817f7","login":"piratus","name":"Andrew P","avatar_url":"https://avatars-next.observableusercontent.com/10979fe53e8362346572a5770112fd1a4efba4fb09c4182a6652b6f09e12f9e4","tier":null}],"members":[{"type":"individual","id":"4873f825e6d817f7","login":"piratus","name":"Andrew P","avatar_url":"https://avatars-next.observableusercontent.com/10979fe53e8362346572a5770112fd1a4efba4fb09c4182a6652b6f09e12f9e4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"5abd63e51e823011","slug":"gp-motorcycle-racing","title":"GP Motorcycle Racing","owner":{"id":"448956d8a4a43eb5","login":"piratus","name":"Andrew P"}},"type":"notebook","body":{"title":"A Timeline of MotoGP riders careers","cells":[{"id":0,"value":"md`# A Timeline of MotoGP riders careers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":219,"value":"viewof object = form(\n html`

Dataset: \n Order: `\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"legend = {\n const arrowId = DOM.uid(\"arrow\");\n const gradientId = DOM.uid(\"gradient\");\n return svg``;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"margin = ({ top: 30, right: 10, bottom: 0, left: 100 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":188,"value":"datasets = ({\n \"2020 riders\": FileAttachment(\"gp_careers_2020.tsv\"),\n \"Rossi's career\": FileAttachment(\"gp_careers_rossi@2.tsv\"),\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"orders = ({\n Start: (a, b) => d3.ascending(a.start, b.start),\n End: (a, b) => d3.descending(a.end || today, b.end || today) || d3.descending(a.start, b.start),\n Duration: (a, b) => d3.descending((a.end || today) - a.start, (b.end || today) - b.start)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"today = new Date(Date.UTC(2021, 0, 1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"data = d3.tsvParse(await datasets[object.data_set].text(), d3.autoType).sort(orders.End)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"chart.update(data.slice().sort(orders[object.order]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"height = data.length * 10","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"x = d3.scaleUtc()\n .domain([d3.min(data, d => d.start), today])\n .rangeRound([margin.left, width - margin.right])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"y = d3.scalePoint()\n .domain(data.map(d => d.name))\n .rangeRound([margin.top, height - margin.bottom])\n .padding(1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${margin.top})`)\n .call(d3.axisTop(x).ticks(width / 80))\n .call(g => g.select(\".domain\").remove())\n .call(g => g.append(\"g\")\n .attr(\"stroke\", \"white\")\n .attr(\"stroke-width\", 2)\n .selectAll(\"line\")\n .data(x.ticks())\n .join(\"line\")\n .attr(\"x1\", d => 0.5 + x(d))\n .attr(\"x2\", d => 0.5 + x(d))\n .attr(\"y2\", height - margin.bottom - margin.top))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"import { form } from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"