2f:T457,{ let cv = d3.select("#flower"); cv.selectAll("g").remove(); let i = 0; i = 0; while (i < 60) { let rand = (Math.random() - 0.5) * 3; cv.append("g") .attr( "transform", `translate(60, 150) rotate(${i * 6 - rand}, ${160 + rand}, 0)` ) .append("path") .attr("d", path) .attr("fill", "rgba(0,0,0,0.1)"); i = i + 1; } i = 0; while (i < 40) { let rand = (Math.random() - 0.5) * 6; cv.append("g") .attr("transform", `translate(100, 150) rotate(${i * 12 + rand}, 120, 0)`) .append("path") .attr("d", path) .attr("fill", "rgba(0,0,0,0.1)"); i = i + 1; } i = 0; while (i < 20) { cv.append("g") .attr("transform", `translate(140, 150) rotate(${i * 24}, 88, 0)`) .append("path") .attr("d", path) .attr("fill", "rgba(0,0,0,0.1)"); i = i + 1; } i = 0; while (i < 16) { cv.append("g") .attr("transform", `translate(180, 150) rotate(${i * 30}, 44, 0)`) .append("path") .attr("d", path) .attr("fill", "rgba(0,0,0,0.1)"); i = i + 1; } }30:[{"id":"715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","href":"https://static.observableusercontent.com/files/715db1223e067f00500780077febc6cebbdd90c151d3d78317c802732252052ab0e367039872ab9c77d6ef99e5f55a0724b35ddc898a1c99cb14c31a379af80a","name":"penguins.csv","type":"text/csv","lastModified":1674730573653.491,"size":13506}] 2d:{"title":"","cells":[{"id":4,"value":"## Mass extinction - species experiments 1","pinned":false,"hidden":false,"mode":"md"},{"id":5,"value":"data = [\n 4924, 5015, 5198, 5765, 4044, 4473, 2300, 2465, 2360, 1901, 1710, 1702, 1923,\n 1636, 1377, 1194, 1096, 1082, 974, 1290, 1193, 1246, 1167, 1105, 1059, 759,\n 820, 819, 685, 496, 1004, 913, 760, 591, 406, 256, 718, 1239, 1294, 1004, 937,\n 1011, 1110, 966, 1150, 1613, 1229, 1152, 1277, 1447, 1657, 1715, 1306, 1210,\n 1045, 1443, 1557, 1254, 1615, 1978, 1229, 1083, 1072, 595, 395, 398, 412, 460,\n 440, 284, 364, 826, 646, 309, 58\n].reverse()","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof timePoint = Inputs.range([0, 5], { step: 1, label: \"Zeitpunkte\" })","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"{\n let cv = d3.select(\"#circles\");\n cv.selectAll(\"circle\").remove();\n let i = 0;\n while (i < 1200) {\n cv.append(\"circle\")\n .attr(\"r\", 2)\n .attr(\"fill\", \"#000\")\n .attr(\"cx\", Math.random() * 400)\n .attr(\"cy\", Math.random() * 400);\n i = i + 1;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":37,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":43,"value":"{\n let cv = d3.select(\"#lines\");\n cv.selectAll(\"line\").remove();\n let i = 0;\n while (i < 5000) {\n let y = Math.random() * 400;\n let x = Math.random() * 400;\n let x2 = Math.random() * 400;\n\n cv.append(\"line\")\n .attr(\"x1\", x)\n .attr(\"x2\", x2)\n .attr(\"y1\", y)\n .attr(\"y2\", y)\n .attr(\"stroke\", \"#000\")\n .attr(\"stroke-width\", 0.1);\n i = i + 1;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":79,"value":"nodes = {\n let i = 0;\n let ary = [];\n while (i < 1000) {\n ary.push({});\n i = i + 1;\n }\n return ary;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"{\n let cv = d3.select(\"#force\");\n cv.selectAll(\"circle\").remove();\n\n var simulation = d3\n .forceSimulation(nodes)\n .force(\"center\", d3.forceCenter(200, 200))\n .force(\"charge\", d3.forceManyBody().strength(5))\n .force(\"collide\", d3.forceCollide().radius(8))\n .on(\"tick\", () => {});\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":72,"value":"function ticked() {\n var u = d3\n .select(\"#force\")\n .selectAll(\"circle\")\n .data(nodes)\n .join(\"circle\")\n .attr(\"r\", 5)\n .attr(\"cx\", function (d) {\n return d.x;\n })\n .attr(\"cy\", function (d) {\n return d.y;\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":135,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":139,"value":"path = \"M 44 0 C 34 1.5 18 12 11 20 C 3 28 -1 39 1 45 c 2 6 28 7 32 5 C 38 48 40 35 41 29 C 43 19 43 9 44 0 Z\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":141,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}