2c:null 2d:["$","title",null,{"children":"Flower: R ladies | Deepali Kank | Observable"}] 32:T110e,chart = { // Function to create a radial gradient function createRadialGradient(svg, id, color1, color2, color3) { const gradient = svg .append("defs") .append("radialGradient") .attr("id", id) .attr("cx", "50%") .attr("cy", "50%") .attr("r", "50%") .attr("fx", "25%") .attr("fy", "25%"); gradient.append("stop").attr("offset", "0%").attr("stop-color", color1); gradient.append("stop").attr("offset", "50%").attr("stop-color", color2); gradient.append("stop").attr("offset", "100%").attr("stop-color", color3); return `url(#${id})`; } // Function to Draw a Realistic Petal function drawRealisticPetal(svg, center, rotation, scale, gradientId) { const path = d3.path(); path.moveTo(center.x, center.y); // Define control points for a more realistic petal shape const controlPoints = { cp1: { x: center.x - 15 * scale, y: center.y - 30 * scale }, cp2: { x: center.x - 40 * scale, y: center.y - 100 * scale }, cp3: { x: center.x - 30 * scale, y: center.y - 150 * scale }, cp4: { x: center.x, y: center.y - 200 * scale }, cp5: { x: center.x + 30 * scale, y: center.y - 150 * scale }, cp6: { x: center.x + 40 * scale, y: center.y - 100 * scale }, cp7: { x: center.x + 15 * scale, y: center.y - 30 * scale } }; // Draw the petal using multiple cubic Bezier curves path.bezierCurveTo( controlPoints.cp1.x, controlPoints.cp1.y, controlPoints.cp2.x, controlPoints.cp2.y, controlPoints.cp3.x, controlPoints.cp3.y ); path.bezierCurveTo( controlPoints.cp3.x, controlPoints.cp3.y, controlPoints.cp4.x, controlPoints.cp4.y, controlPoints.cp5.x, controlPoints.cp5.y ); path.bezierCurveTo( controlPoints.cp5.x, controlPoints.cp5.y, controlPoints.cp6.x, controlPoints.cp6.y, controlPoints.cp7.x, controlPoints.cp7.y ); path.closePath(); svg .append("path") .attr("d", path.toString()) .attr("transform", `rotate(${rotation},${center.x},${center.y})`) .attr("fill", gradientId) .attr("stroke", "rgba(255,255,255,0.5)") .attr("stroke-width", 0.5) .attr("opacity", 0.9); } // Function to Draw the Flower function drawFlower(svg, center, data) { let totalEvents = 0; data.forEach((d) => (totalEvents += d.no_of_events)); const angleIncrement = 360 / totalEvents; const scale = 1.2; let currentAngle = 0; // Create gradients with three colors for more depth const inPersonGradient = createRadialGradient( svg, "inPersonGradient", "#FFB3BA", "#FF69B4", "#C71585" ); const virtualGradient = createRadialGradient( svg, "virtualGradient", "#A7D8DE", "#48D1CC", "#20B2AA" ); data.forEach((d) => { const gradientId = d.location === "inperson" ? inPersonGradient : virtualGradient; for (let i = 0; i < d.no_of_events; i++) { drawRealisticPetal(svg, center, currentAngle, scale, gradientId); currentAngle += angleIncrement; } }); // Add a center circle with gradient const centerGradient = createRadialGradient( svg, "centerGradient", "#FFD700", "#FFA500", "#FF8C00" ); svg .append("circle") .attr("cx", center.x) .attr("cy", center.y) .attr("r", 25) .attr("fill", centerGradient) .attr("stroke", "rgba(255,255,255,0.8)") .attr("stroke-width", 2); } // Set up the SVG container const svgWidth = 1000; const svgHeight = 500; const svg = d3 .create("svg") .attr("width", svgWidth) .attr("height", svgHeight); const center = { x: svgWidth / 2, y: svgHeight / 2 }; // Function to Update Chart based on selected city function updateChart(selectedCity) { const filteredData = data2.filter((d) => d.city === selectedCity); svg.selectAll("*").remove(); // Clear existing drawing drawFlower(svg, center, filteredData); } // Observe Dropdown Changes d3.select("#citySelector").on("change", function () { updateChart(this.value); }); // Initial Drawing const initialCity = d3.select("#citySelector").node().value; updateChart(initialCity); return svg.node(); }33:[{"id":"cb8d698fd5f181dec56137b6892f8a347a6d2928a9bacc9c0cce5f93ba5c9ddaf440823380f0830ac668d9051976619d1c1f06ae62b9a7130a9dd1fa6bdfcb73","href":"https://static.observableusercontent.com/files/cb8d698fd5f181dec56137b6892f8a347a6d2928a9bacc9c0cce5f93ba5c9ddaf440823380f0830ac668d9051976619d1c1f06ae62b9a7130a9dd1fa6bdfcb73","name":"df_1.csv","type":"text/csv","lastModified":1700626901858.754,"size":2428},{"id":"0a184b921da7379e9d40e54080b1db40f5ffe27349e65c902484229af82149349c0ff7e7571e183059549f89cf1c04c33b77bd388a0b16a56359c49192aa1353","href":"https://static.observableusercontent.com/files/0a184b921da7379e9d40e54080b1db40f5ffe27349e65c902484229af82149349c0ff7e7571e183059549f89cf1c04c33b77bd388a0b16a56359c49192aa1353","name":"df1.csv","type":"text/csv","lastModified":1700633177414.863,"size":6656}] 30:{"id":"d30791feffacf739","slug":null,"title":"Flower: R ladies","thumbnail":"2474844a50e1d6a87a811c44818818f28aae6b04a49da79f4923c9bd99ce7715","access_level":"public","create_time":"$D2023-11-22T04:21:29.555Z","update_time":"$D2024-06-26T13:29:56.929Z","view_time":null,"first_public_time":"$D2023-11-22T04:21:29.555Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"f95c5551c5b4848e","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":"starter_2024"},"version":251,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0b38fd39f0b1d2da","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":null}],"members":[{"type":"individual","id":"0b38fd39f0b1d2da","login":"deepalikank","name":"Deepali Kank","avatar_url":"https://avatars-next.observableusercontent.com/2299cdaa9c6d43935fda16e1da6d65387af5f4c54b6046cf170cf75b80c9707c","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Flower: R ladies","cells":[{"id":0,"value":"# Flower: R ladies","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":168,"value":"

R-Ladies Chapters Events

R-Ladies Global is an inspiring story of community, empowerment, and diversity in the field of data science. Founded by Gabriela de Queiroz, R-Ladies began as a grassroots movement with a simple mission: to promote gender diversity in the R programming community and provide a welcoming space for women and gender minorities to learn, collaborate, and excel in data science

In Person and Online events conducted from 2012 - 2023

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":43,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":38,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"data2 = await FileAttachment(\"df1.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":true,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"data2","database":"$undefined"},{"id":85,"value":"data2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":178,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 31:"$30:body"