32:T693,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", d => d.endUnknown ? "#fff" : "#ccc")); const line = svg.append("g") .attr("stroke", "currentColor") .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.index)) .attr("y2", d => y(d.index)); svg.append("g") .call(xAxis); const label = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 12) .attr("text-anchor", "end") .selectAll("text") .data(data) .join("text") .attr("x", d => x(d.start) - 6) .attr("y", d => y(d.index)) .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 && d.endUnknown === false)) .join("circle") .attr("cx", d => x(d.end)) .attr("cy", d => y(d.index)) .attr("r", 2); return svg.node(); }33:[{"id":"7d818d6efd3a9c54a6c29b21a9cfddf357fed5b64bac59a032bd92559a9a232227952df527cb434a61e2979a1ee00e2c2738ecdbe00e321c82b8e2562b54bee1","href":"https://static.observableusercontent.com/files/7d818d6efd3a9c54a6c29b21a9cfddf357fed5b64bac59a032bd92559a9a232227952df527cb434a61e2979a1ee00e2c2738ecdbe00e321c82b8e2562b54bee1","name":"mobile_breaches@8.csv","type":"text/csv","lastModified":1585951495409.918,"size":3194},{"id":"2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","href":"https://static.observableusercontent.com/files/2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","name":"mobile_breaches-7.csv","type":"text/csv","lastModified":1585951634560.43,"size":3772},{"id":"dd342a9885638f32da1708da9f4da5ffd43725c746a06a5fe8e454adf1cefcf23cad3b105432ef0066861a5aa4e5b923d4c1054e67f160d3a4e88143fc69e2fe","href":"https://static.observableusercontent.com/files/dd342a9885638f32da1708da9f4da5ffd43725c746a06a5fe8e454adf1cefcf23cad3b105432ef0066861a5aa4e5b923d4c1054e67f160d3a4e88143fc69e2fe","name":"mobile_breaches@5.csv","type":"text/csv","lastModified":1585654863371.833,"size":3816},{"id":"80dae2def12f123193ad0b6c4bd89d1ec0c7e4e959dc81173b9adbec5cd5fee0292f7f1e90ecdfc180140a605ea80b3a8c3beeec4802a36de32883c59c3abeb8","href":"https://static.observableusercontent.com/files/80dae2def12f123193ad0b6c4bd89d1ec0c7e4e959dc81173b9adbec5cd5fee0292f7f1e90ecdfc180140a605ea80b3a8c3beeec4802a36de32883c59c3abeb8","name":"mobile_breaches@6.csv","type":"text/csv","lastModified":1585656617760.371,"size":3734},{"id":"2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","href":"https://static.observableusercontent.com/files/2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","name":"mobile_breaches@7.csv","type":"text/csv","lastModified":1585662401003.111,"size":3772},{"id":"2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","href":"https://static.observableusercontent.com/files/2e6707306e62a56b3472e40550ebd48c50a65377a8ae74b50a1e7b22e1ede23ad8abba41d18c51eda529e15bc0aebbd13cf04fbdbd4def098b02a46ca7352f7a","name":"mobile_breaches-7@2.csv","type":"text/csv","lastModified":1585952438540.6,"size":3772}] 30:{"title":"A Timeline of Mobile Vulnerabilities, Malware, Breaches, and Data Leaks","cells":[{"id":0,"value":"md`# A Timeline of Mobile Vulnerabilities, Malware, Breaches, and Data Leaks\n\nThe events on this graph are of public mobile app breaches, leaks, and vulnerabilities. You can view the data with links to all of the sources [here](https://docs.google.com/spreadsheets/d/1pvENe0k_lHscAo5kL4ENeg2zyojOtcotO8rXtGb-Nm8/edit?usp=sharing).`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":29,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"data = d3.csvParse(await FileAttachment(\"mobile_breaches-7@2.csv\").text(), ({startDate, model, endDate}, i) => ({index: i, name: model, start: parseDate(startDate), end: endDate === \"current\" ? null : parseDate(endDate) || d3.utcYear.offset(parseDate(startDate), 3), endUnknown: endDate === \"\"}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":173,"value":"parseDate = {\n const parseDate = d3.utcParse(\"%B %d, %Y\");\n const parseMonth = d3.utcParse(\"%B, %Y\");\n const parseMonth2 = d3.utcParse(\"%B %Y\");\n const parseYear = d3.utcParse(\"%Y\");\n return d => parseDate(d) || parseMonth(d) || parseMonth2(d) || parseYear(d);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":169,"value":"today = new Date(Date.UTC(2020, 2, 7))","pinned":true,"hidden":false,"mode":"ojs"},{"id":15,"value":"x = d3.scaleUtc()\n .domain([d3.min(data, d => d.start), today])\n .rangeRound([margin.left, width - margin.right])","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"y = d3.scalePoint()\n .domain(d3.range(data.length))\n .rangeRound([margin.top, height - margin.bottom])\n .padding(1)","pinned":true,"hidden":false,"mode":"ojs"},{"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":true,"hidden":false,"mode":"ojs"},{"id":17,"value":"margin = ({top: 30, right: 10, bottom: 10, left: 70})","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"height = (data.length + 2) * 20 + margin.top + margin.bottom","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}