2c:null 2d:["$","title",null,{"children":"Du Bois 2023 (Challenge 3) | Ryan Joshua Liwag | Observable"}] 32:T8a5,viz = { // first line const first_dest = [population_scaler(pop[0]), 0] // second line const second_dest = calculate_new_point([population_scaler(pop[0])-path_width, 0], [population_scaler(pop[0])-path_width, population_scaler(pop[1])], path_angle) // third line const third_dest = calculate_new_point([second_dest[0], second_dest[1]], [second_dest[0], second_dest[1] + population_scaler(pop[2])], -path_angle) // fourth line const fourth_dest = calculate_new_point([third_dest[0], third_dest[1]], [third_dest[0], third_dest[1] + population_scaler(pop[3])-thetaToArcLength(pTheta, {a,b})], path_angle) return svg`` }33:[{"id":"05768944e258050f97252aa601fe584559229c84bd1dd35753c81deaefd06e593b09450ba4f62ab85b2b1854dd730672de4414d3a213fcda7792a169253fa122","href":"https://static.observableusercontent.com/files/05768944e258050f97252aa601fe584559229c84bd1dd35753c81deaefd06e593b09450ba4f62ab85b2b1854dd730672de4414d3a213fcda7792a169253fa122","name":"data.csv","type":"text/csv","lastModified":1677598272844.406,"size":118}] 30:{"id":"9ad641c18c0f2acf","slug":"du-bois-2023-challenge-3","title":"Du Bois 2023 (Challenge 3)","thumbnail":"e2de2eca84ebe9b84cebbbd952bf8dfc0f22698b2cd00bc28e5eca0c5ce4ae28","access_level":"public","create_time":"$D2023-02-28T15:27:08.356Z","update_time":"$D2023-03-01T17:44:46.819Z","view_time":null,"first_public_time":"$D2023-02-28T15:27:08.356Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"c71b75bd78c412d0","login":"ryanliwag","name":"Ryan Joshua Liwag","avatar_url":"https://avatars-next.observableusercontent.com/efb265cba0e299ef07d64dfc9d6f3f4979a07886800e10f4f39d8e93fdbd132a","tier":"starter_2024"},"version":180,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"bf2b23a7f00cf7da","login":"ryanliwag","name":"Ryan Joshua Liwag","avatar_url":"https://avatars-next.observableusercontent.com/efb265cba0e299ef07d64dfc9d6f3f4979a07886800e10f4f39d8e93fdbd132a","tier":null}],"members":[{"type":"individual","id":"bf2b23a7f00cf7da","login":"ryanliwag","name":"Ryan Joshua Liwag","avatar_url":"https://avatars-next.observableusercontent.com/efb265cba0e299ef07d64dfc9d6f3f4979a07886800e10f4f39d8e93fdbd132a","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"4d6a5933faef3ccc","slug":"dubois","title":"dubois","owner":{"id":"c71b75bd78c412d0","login":"ryanliwag","name":"Ryan Joshua Liwag"}},"type":"notebook","body":{"titling":"auto","title":"Du Bois 2023 (Challenge 3)","cells":[{"id":0,"value":"# Du Bois 2023 (Challenge 3)\n## City and Rural Population 1890\nMy attempt at DVS 2023 Dubois Challenge (Plate 3)\n\n*Still a work in Progress \n\n[Link to the data](https://github.com/ajstarks/dubois-data-portraits/tree/master/challenge/2023/challenge03)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"viewof numRotations = Range([1, 20], {\n step: 1,\n label: \"Number of Rotations\",\n value: 4\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"viewof a = Range([0, 100], {\n step: 1,\n label: \"Inner Width (a)\",\n value: 37\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"viewof b = Range([0, 10], {\n step: 0.01,\n label: \"Width between spirals (b)\",\n value: 2.3\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"viewof path_width = Range([2, 20], {\n step: 0.2,\n label: \"Path Width\",\n value: 11\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"viewof max_scale = Range([0, 4000], {\n step: 1,\n label: \"Max Scaled Value of Population\",\n value: 2436\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"viewof x_pos = Range([1, 100], {\n step: 1,\n label: \"Figure X Position\",\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":146,"value":"viewof y_pos = Range([1, 100], {\n step: 1,\n label: \"Figure Y Position\",\n value: 22\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"height = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"width = 700","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"pointsPerRotation = 200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"totalPoints = numRotations * pointsPerRotation","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"path_angle = Math.PI/4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"### Controls\n\nTo help me finetune the chart","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"### Helper Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":41,"value":"pTheta = thetaScale(totalPoints)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"population_scaler = d3.scaleLinear().domain([0, d3.max(data.map(v => v.Population))]).range([0, max_scale])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"thetaScale = d3\n .scaleLinear()\n .domain([0, totalPoints])\n .range([0, numRotations * (Math.PI * 2) + 7*(Math.PI / 4)])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"calculate_new_point = (dest, orig, angle) => {\n // calculate new point in cartesian changed by an angle\n let x = Math.cos(angle)*(orig[0] - dest[0]) - Math.sin(angle)*(orig[1] - dest[1]) + dest[0]\n let y = Math.sin(angle)*(orig[0] - dest[0]) + Math.cos(angle)*(orig[1] - dest[1]) + dest[1]\n return [x, y]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"import {\n thetaToRadius,\n radiusToTheta,\n toCartesian,\n thetaToCartesian,\n thetaToArcLength,\n spiralDistanceBetweenBranches\n} from \"@lukesmurray/archimedean-spiral\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"import { Range } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"### Load Data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":32,"value":"pop = data.map(d => d.Population)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"data = await FileAttachment(\"data.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"data","database":"$undefined"}],"files":"$W33","stdlib":"1"}} 31:"$30:body"