31: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`` }32:[{"id":"05768944e258050f97252aa601fe584559229c84bd1dd35753c81deaefd06e593b09450ba4f62ab85b2b1854dd730672de4414d3a213fcda7792a169253fa122","href":"https://static.observableusercontent.com/files/05768944e258050f97252aa601fe584559229c84bd1dd35753c81deaefd06e593b09450ba4f62ab85b2b1854dd730672de4414d3a213fcda7792a169253fa122","name":"data.csv","type":"text/csv","lastModified":1677598272844.406,"size":118}] 2f:{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":58,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":68,"value":"height = 700","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"width = 700","pinned":true,"hidden":false,"mode":"ojs"},{"id":45,"value":"pointsPerRotation = 200","pinned":true,"hidden":false,"mode":"ojs"},{"id":43,"value":"totalPoints = numRotations * pointsPerRotation","pinned":true,"hidden":false,"mode":"ojs"},{"id":158,"value":"path_angle = Math.PI/4","pinned":true,"hidden":false,"mode":"ojs"},{"id":21,"value":"### Controls\n\nTo help me finetune the chart","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"### Helper Functions","pinned":false,"hidden":false,"mode":"md"},{"id":41,"value":"pTheta = thetaScale(totalPoints)","pinned":true,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":28,"value":"import { Range } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"### Load Data","pinned":false,"hidden":false,"mode":"md"},{"id":32,"value":"pop = data.map(d => d.Population)","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"data = await FileAttachment(\"data.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}