29:null 2a:["$","title",null,{"children":"A Timeline of stuff | Ivan Labra | 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":"1acc835864c329186e0e81d42e98e3687965ebb8157df561b70af0ec823f3d2a33b2feae3614f146bfe142be265f3817d3449aef02fd3edcd6113cf80d5a4f5d","href":"https://static.observableusercontent.com/files/1acc835864c329186e0e81d42e98e3687965ebb8157df561b70af0ec823f3d2a33b2feae3614f146bfe142be265f3817d3449aef02fd3edcd6113cf80d5a4f5d","name":"candidates.csv","type":"text/csv","lastModified":1677890403102.681,"size":1027}] 2d:{"id":"32e2692e3c5da61b","slug":null,"title":"A Timeline of stuff","thumbnail":"c00ab44322fb0d09623bdd349bc2d6594c2f53a791fd7512a23e8391a226ece6","access_level":"public","create_time":"$D2023-03-04T00:40:03.102Z","update_time":"$D2023-03-04T00:41:42.252Z","view_time":null,"first_public_time":"$D2023-03-04T00:40:03.102Z","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":0,"starred":false,"owner":{"type":"team","id":"d25c001fe27a9f41","login":"ilabra","name":"Ivan Labra","avatar_url":"https://avatars-next.observableusercontent.com/8987cd5cf963a88d75b064ff67e941a7c2177a1b95421a786776c355403f8bcb","tier":"starter_2024"},"version":164,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c769c086dc13ecf8","login":"ilabra","name":"Ivan Labra","avatar_url":"https://avatars-next.observableusercontent.com/8987cd5cf963a88d75b064ff67e941a7c2177a1b95421a786776c355403f8bcb","tier":null}],"members":[{"type":"individual","id":"c769c086dc13ecf8","login":"ilabra","name":"Ivan Labra","avatar_url":"https://avatars-next.observableusercontent.com/8987cd5cf963a88d75b064ff67e941a7c2177a1b95421a786776c355403f8bcb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"A Timeline of stuff","cells":[{"id":0,"value":"md`# A Timeline of stuff`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":112,"value":"viewof order = {\n const options = Object.entries(orders);\n const form = html`

Order by