2e:null 2f:["$","title",null,{"children":"Arc Flip (forked from @mootari) | Observable | Observable"}] 34:[] 32:{"id":"036429d7e5d779b9","slug":"arc-flip-forked-from-mootari","title":"Arc Flip (forked from @mootari)","thumbnail":"e7066609b63ebfe117c0520788ae4b1069da1a510c44a9fa80f79fe1bbcc968d","access_level":"public","create_time":"$D2021-10-22T19:56:30.550Z","update_time":"$D2022-01-19T21:13:31.464Z","view_time":null,"first_public_time":"$D2022-01-19T21:24:17.255Z","has_unpublished_edits":null,"fork":{"id":"01f0cafa73d087b9","slug":"arc-flip","title":"Arc Flip","owner":{"id":"898d35f8860c7f03","login":"mootari","name":"Fabian Iwand"}},"stars":4,"starred":false,"owner":{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024"},"version":1683,"publish_version":1683,"role":null,"authored":false,"authors":[],"members":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"},{"type":"team","id":"f35c755083683fe5","login":"observablehq","name":"Observable","avatar_url":"https://avatars-next.observableusercontent.com/424c6c1f7794371c9915a160519bdfb34cf34e50069fcd6def38a1a04d4e9702","tier":"enterprise_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"20404371e2f11c61","slug":"error-page-imagery","title":"Error page imagery","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"type":"notebook","body":{"title":"Arc Flip (forked from @mootari)","cells":[{"id":1426,"value":"# Arc Flip (forked from @mootari)\n## Adapted from [original work](https://observablehq.com/@mootari/arc-flip) by [Fabian Iwand](https://observablehq.com/@mootari/)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1643,"value":"viewof zoom = Inputs.range([.1, 1], {label: \"Zoom\", value: 1, step: .1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1588,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1439,"value":"viewof presets = Inputs.select(presetsArray, {label: \"Presets\", format: (d, i) => i+1})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1416,"value":"viewof time = Inputs.range([0, 50], {label: \"Time\", value: presets.time})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1447,"value":"viewof count = Inputs.range([0, 1000], {label: \"Count\", value: presets.count})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1449,"value":"viewof lineStep = Inputs.range([0, 1], {label: \"Line step\", value: presets.lineStep, step: .001})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1451,"value":"viewof angleScale = Inputs.range([-10, 10], {label: \"Angle scale\", value: presets.angleScale, step: .25})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1453,"value":"viewof bundles = Inputs.range([1, 20], {label: \"Bundles\", value: presets.bundles})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1455,"value":"viewof weightBundles = Inputs.range([0, 1], {label: \"Weight bundles\", value: presets.weightBundles, step: .01 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1457,"value":"viewof weightDistortion = Inputs.range([0, 1], {label: \"Weight distortion\", value: presets.weightDistortion, step: .01})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1509,"value":"viewof radius = Inputs.range([0, 1], {label: \"Radius\", value: presets.radius})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1446,"value":"viewof scaleOffset = Inputs.range([0, 1], {label: \"Scale offset\", value: presets.scaleOffset, step: .01})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1493,"value":"viewof lineWidth = Inputs.range([0, 20], {label: \"Line width\", value: presets.lineWidth, step: 0.5})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1495,"value":"viewof lineColor = Inputs.color({label: \"Line color\", type: \"color\", value: presets.lineColor})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1496,"value":"viewof backgroundColor = Inputs.color({label: \"Background color\", type: \"color\", value: presets.backgroundColor})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"presetsArray = [\n { time: 1, count: 62, lineStep: 1, angleScale: -1.5, bundles: 20, weightBundles: 0, weightDistortion: .37, radius: .8, scaleOffset: .08, lineWidth: 1, lineColor: \"#1C1C1C\", backgroundColor: \"#F7F1E8\" },\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1553,"value":"width = 1152","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1554,"value":"height = width","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1611,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1504,"value":"circles = { \n const mix = (a, b, v) => a + (b-a) * v;\n const r = width / 2 * radius, cs = width / 2;\n const PI = Math.PI;\n const TAU = PI * 2;\n const PIH = PI / 2;\n\n return d3.range(count).map(i => {\n const ti = (i + .5) / count;\n const a = (ti) * PI * angleScale;\n const tb = Math.floor(ti * bundles) / bundles;\n const ox = (time\n + ti * lineStep\n + (Math.cos((ti) * TAU) * lineStep) * weightDistortion\n + tb * weightBundles\n ) * scaleOffset % 2 * 2;\n const _ox = time + mix(\n mix(ti, Math.cos((time + ti) * TAU) * lineStep, weightDistortion),\n tb,\n weightBundles\n );\n const rx = Math.sin(ox * PI + PIH) * r;\n const rs = Math.sign(rx);\n const ro = rx < 0 ? PI : 0;\n\n return {\n rotation: (a / Math.PI) * 180,\n cx: 0,\n cy: 0,\n rx: Math.abs(rx),\n ry: r\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 33:"$32:body"