3f:null 40:["$","title",null,{"children":"Vinay K R SATTI Profile Overview | ideasforu | Observable"}] 46:T860,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.5) .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", 3); 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)); } }); }47:[] 44:{"id":"c5d3d149b8506c8c","slug":"vinay-satti","title":"Vinay K R SATTI Profile Overview","thumbnail":"bd309368b6cfe571103aa3d13e3aec18c0ba3129ae96508c601d6a8c0c984355","access_level":"public","create_time":"$D2022-06-25T10:54:34.341Z","update_time":"$D2022-07-21T22:06:16.283Z","view_time":null,"first_public_time":"$D2022-06-25T15:55:12.779Z","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":1,"starred":false,"owner":{"type":"team","id":"c3caadb38b27389a","login":"ideasforu","name":"ideasforu","avatar_url":"https://avatars-next.observableusercontent.com/e445e4d995e4af2ca088ff55aaea5196491763e20818c6e569edb7e55f66ce5e","tier":"starter_2024","bio":"A mechanical design engineer interested in art and visualisation. Passion in solving engineering problems and human centric design.","following":false},"version":177,"publish_version":177,"role":null,"authored":false,"authors":[{"type":"individual","id":"e2acba8e8e9ca6b3","login":"ideasforu","name":"ideasforu","avatar_url":"https://avatars-next.observableusercontent.com/e445e4d995e4af2ca088ff55aaea5196491763e20818c6e569edb7e55f66ce5e","tier":null,"bio":"A mechanical design engineer interested in art and visualisation. Passion in solving engineering problems and human centric design.","following":false}],"members":[{"type":"individual","id":"e2acba8e8e9ca6b3","login":"ideasforu","name":"ideasforu","avatar_url":"https://avatars-next.observableusercontent.com/e445e4d995e4af2ca088ff55aaea5196491763e20818c6e569edb7e55f66ce5e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Vinay K R SATTI Profile Overview","cells":[{"id":0,"value":"md`# Vinay K R SATTI Profile Overview`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"viewof order = {\n const options = Object.entries(orders);\n const form = html`

Order by