41:null 42:["$","title",null,{"children":"Women in Parliament | Sambhav Jain | Observable"}] 48:T3da1,chart = { const viz = html`

${continent}

Source: World Development Indicators

Proportion of seats held by women in national parliaments (%) - 2000 to 2019.

Ordered Highest to Lowest. Hover to explore data for each year.

`; // ************************************* // Generate region average chart // ************************************* const xScaleRegion = d3 .scaleLinear() .domain([2000, 2019]) .range([0, pathWidth * m - margin]); const yScaleRegion = d3 .scaleLinear() .domain([0, 100]) .range([pathWidth * m - margin, 0]); const areaRegion = d3 .area() .defined(d => d.val != null) .curve(curve) .x(d => xScaleRegion(d.year)) .y0(yScaleRegion(0)) .y1(d => yScaleRegion(d.val)); const area1Region = d3 .area() .defined(d => d.val != null) .curve(curve) .x(d => xScaleRegion(d.year)) .y0(yScaleRegion(0)) // area transition starts from y = 0 for all x .y1(d => yScaleRegion(0)); const svg1 = d3.select(viz).select("#chart1"); d3.select(viz) .select("#chart") .append("text") .attr("class", "defaults") .text(filteredCountries[0].data[0].year) .style("font-size", "0.7em") .attr("fill", "#666") .attr("y", pathWidth + 15) .attr("x", 0); d3.select(viz) .select("#chart") .append("text") .attr("class", "defaults") .text("2019") .style("font-size", "0.7em") .attr("fill", "#666") .attr("y", pathWidth + 15) .attr("x", pathWidth - margin) .attr("text-anchor", "end"); const g1 = svg1 .selectAll("g") .data(filteredRegion) .join( enter => { const sEnter = enter.append("g"); // Create base RECT sEnter .append("rect") .attr("width", pathWidth * m - margin) .attr("height", pathWidth * m - margin) .attr("vector-effect", "non-scaling-stroke") .style("opacity", 1) .style("fill", "#fafafa"); // Create top border sEnter .append("rect") .attr("width", pathWidth * m - margin) .attr("height", 2) .attr("y", pathWidth * m - margin) .attr("vector-effect", "non-scaling-stroke") .style("opacity", 1) .style( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .transition() .duration(500) .attr("y", 0); // COUNTRY NAME sEnter .append("text") .text("Regional Average") .attr("text-anchor", "start") .attr("y", margin) .attr("x", 2); // YEAR 2000 VALUE sEnter .append("text") .text(d => `${Math.round(d.data[0].val)}%`) .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("y", d => yScaleRegion(d.data[0].val) - 12) .attr("x", 0) .style("opacity", 0.8); // YEAR 2019 VALUE sEnter .append("text") .text(d => `${Math.round(d.data[19].val)}%`) .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("y", d => yScaleRegion(d.data[19].val) - 12) .attr("text-anchor", "end") .attr("x", pathWidth * m - margin) .style("opacity", 0.8); // YEAR LABELS sEnter .append("text") .text("2000") .attr("fill", "#333") .attr("y", pathWidth * m - 6) .attr("x", 0) .style("opacity", 0.8) .style("font-size", "0.85em"); sEnter .append("text") .text("2019") .attr("fill", "#333") .attr("y", pathWidth * m - 6) .attr("x", pathWidth * m - margin) .style("opacity", 0.8) .style("font-size", "0.85em") .attr("text-anchor", "end"); sEnter .append("text") .text("YEAR") .attr("fill", "#333") .attr("y", pathWidth * m - 6) .attr("x", (pathWidth * m - margin) / 2) .style("opacity", 0.8) .style("font-size", "0.85em") .attr("text-anchor", "middle"); // YEAR 2019 VALUE sEnter .append("text") .text(d => `${Math.round(d.data[19].val)}%`) .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("y", d => yScaleRegion(d.data[19].val) - 12) .attr("text-anchor", "end") .attr("x", pathWidth * m - margin) .style("opacity", 0.8); // AREA CHART sEnter .append("path") .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("d", d => area1Region(d.data)) .transition() .duration(500) .attr("d", d => areaRegion(d.data)); // MEN sEnter .append("text") .text("MEN") .attr("fill", "black") .attr("y", (pathWidth * m) / 2) .attr("x", (pathWidth * m - margin) / 2) .style("opacity", 0.2) .style("font-weight", "bold") .style("font-size", "0.9em") .attr("text-anchor", "middle"); // WOMEN sEnter .append("text") .text(d => (d.region === "Middle East & North Africa" ? "" : "WOMEN")) .attr("fill", "white") .attr("y", pathWidth * m - 40) .attr("x", (pathWidth * m - margin) / 2) .style("opacity", 0.3) .style("font-size", "0.9em") .style("font-weight", "bold") .attr("text-anchor", "middle"); return sEnter; }, update => update, exit => { exit.remove(); } ); // ************************************ // Generate country charts // ************************************ const xScale = d3 .scaleLinear() .domain([2000, 2019]) .range([0, pathWidth - margin]); const yScale = d3 .scaleLinear() .domain([0, 100]) .range([pathWidth - margin, 0]); const area = d3 .area() .defined(d => d.val != null) .curve(curve) .x(d => xScale(d.year)) .y0(yScale(0)) .y1(d => yScale(d.val)); const area1 = d3 .area() .defined(d => d.val != null) .curve(curve) .x(d => xScale(d.year)) .y0(yScale(0)) // area transition starts from y = 0 for all x .y1(d => yScale(0)); const svg = d3.select(viz).select('#chart'); const g = svg .selectAll('g') .data(filteredCountries) .join( enter => { const sEnter = enter .append('g') .attr( 'transform', (d, i) => `translate(${[ (i % perRow) * pathWidth, Math.floor(i / perRow) * pathWidth + margin ]} )` ); // Create base RECT sEnter .append('rect') .attr('width', pathWidth - margin) .attr('height', pathWidth - margin) .attr('vector-effect', 'non-scaling-stroke') .style('opacity', 1) .style('fill', '#fafafa'); // Create top border sEnter .append('rect') .attr('width', pathWidth - margin) .attr('height', 2) .attr('y', pathWidth - margin) .attr('vector-effect', 'non-scaling-stroke') .style('opacity', 1) .style( 'fill', d => continentColors.find(({ continent }) => continent === d.region) .color ) .transition() .duration(500) .attr('y', 0); // COUNTRY NAME sEnter .append('text') .text(d => _.truncate(d.countryName, { length: 17 })) .style('font-size', '0.85em') .attr('text-anchor', 'start') .attr('y', 20) .attr('x', 2); // AREA CHART sEnter .append('path') .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("d", d => area1(d.data)) .transition() .duration(500) .attr("d", d => area(d.data)); // YEAR 2000 VALUE sEnter .append('text') .attr("class", "defaults") .text(d => `${Math.round(d.data[0].val)}%`) .style('font-size', '0.75em') .attr("fill", "none") .attr("stroke", "#fafafa") .attr("stroke-width", 4.5) .style("stroke-linejoin", "round") .attr('y', d => yScale(d.data[0].val) - 8) .attr('x', 0); sEnter .append('text') .attr("class", "defaults") .text(d => `${Math.round(d.data[0].val)}%`) .style('font-size', '0.75em') .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr('y', d => yScale(d.data[0].val) - 8) .attr('x', 0); // YEAR 2019 VALUE sEnter .append('text') .attr("class", "defaults") .text(d => `${Math.round(d.data[19].val)}%`) .style('font-size', '0.75em') .attr("fill", "none") .attr("stroke", "#fafafa") .attr("stroke-width", 4.5) .style("stroke-linejoin", "round") .attr('y', d => yScale(d.data[19].val) - 8) .attr('text-anchor', 'end') .attr('x', pathWidth - margin); sEnter .append('text') .attr("class", "defaults") .text(d => `${Math.round(d.data[19].val)}%`) .style('font-size', '0.75em') .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr('y', d => yScale(d.data[19].val) - 8) .attr('text-anchor', 'end') .attr('x', pathWidth - margin); // ************************************ // TOOLTIPS // ************************************ let trackerLine1 = sEnter .append("g") .attr("class", "trackerLine") .style("display", "inline") .append("line") .attr("stroke", "#fafafa") .attr("stroke-opacity", 0.3) .attr("stroke-width", 2) .attr("y1", 30) .attr("y2", pathWidth - margin) .attr("x1", 0) .attr("x2", 0); let trackerLine2 = sEnter .append("g") .attr("class", "trackerLine") .style("display", "inline") .append("line") .attr("stroke", "#fafafa") .attr("stroke-opacity", 0.3) .attr("stroke-width", 2) .attr("y1", 30) .attr("y2", pathWidth - margin) .attr("x1", 0) .attr("x2", 0); let trackerYear = sEnter .append("g") .attr("class", "trackerLine") .style("display", "inline") .append("text") .attr("fill", "#666") .attr("class", "yr") .attr("y", pathWidth - margin + 15) .style('font-size', '0.7em'); let trackerValBase = sEnter .append("g") .attr("class", "trackerLine") .style("display", "inline") .append("text") .attr("fill", "none") .attr("stroke", "#fafafa") .attr("stroke-width", 4.5) .style("stroke-linejoin", "round") .attr("class", "val") .attr("y", pathWidth - margin + 12) .style('font-size', '0.75em') .attr("text-anchor", "middle"); let trackerVal = sEnter .append("g") .attr("class", "trackerLine") .style("display", "inline") .append("text") .attr( "fill", d => continentColors.find(({ continent }) => continent === d.region) .color ) .attr("class", "val") .attr("y", pathWidth - margin + 12) .style('font-size', '0.75em') .attr("text-anchor", "middle"); sEnter .append("rect") .attr("class", "overlay") .attr("opacity", 0) .attr("width", pathWidth - margin) .attr("height", pathWidth - margin) .on("mouseover", function() { d3.selectAll(".trackerLine").style("visibility", "visible"); d3.selectAll(".defaults").style("visibility", "hidden"); }) .on("mouseout", function() { d3.selectAll(".trackerLine").style("visibility", "hidden"); d3.selectAll(".defaults").style("visibility", "visible"); }) .on("mousemove", mousemove); let bisect = d3.bisector(d => d.year); function mousemove() { let yr1 = Math.trunc(xScale.invert(d3.mouse(this)[0])); let yr2 = Math.trunc(xScale.invert(d3.mouse(this)[0]) + 1); // console.log(xScale(yr)); trackerLine1.attr("transform", `translate(${xScale(yr1)},0)`); trackerLine2.attr("transform", `translate(${xScale(yr2)},0)`); trackerYear.attr("transform", `translate(${xScale(yr1) + 3},0)`); d3.selectAll(".yr") .text(yr2) .attr("text-anchor", "middle"); let index = bisect.right(filteredCountries[1].data, yr1); d3.selectAll(".val") .text(d => `${Math.round(d.data[index].val)}%`) .attr("x", xScale(yr1) + 3) .attr("y", d => yScale(d.data[index].val) - 8); } return sEnter; }, update => update, exit => { exit.remove(); } ); return viz; }49:T9e6,continentColors = [ { continent: "South Asia", color: "#003f5c", img: "sa.jpg", description: "Asian countries dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, { continent: "Sub-Saharan Africa", color: "#374c80", img: "ssa.jpg", description: "African Countries dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, { continent: "Europe & Central Asia", color: "#7a5195", img: "eu.jpg", description: "European countries dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " }, { continent: "North America", color: "#bc5090", img: "na.jpg", description: "North America Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, { continent: "Latin America & Caribbean", color: "#ef5675", img: "la.jpg", description: "South America Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur." }, { continent: "East Asia & Pacific", color: "#ff764a", img: "pac.jpg", description: "Oceania Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." }, { continent: "Middle East & North Africa", color: "#ffa600", img: "mena.jpg", description: "Middle East Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." } ]4a:T6e5,rawDataCleaned = rawData.map(d => { return { region: d.region, countryName: d.countryName, data: [ { year: 2000, val: d.y2000 == "" ? null : +d.y2000 }, { year: 2001, val: d.y2001 == "" ? null : +d.y2001 }, { year: 2002, val: d.y2002 == "" ? null : +d.y2002 }, { year: 2003, val: d.y2003 == "" ? null : +d.y2003 }, { year: 2004, val: d.y2004 == "" ? null : +d.y2004 }, { year: 2005, val: d.y2005 == "" ? null : +d.y2005 }, { year: 2006, val: d.y2006 == "" ? null : +d.y2006 }, { year: 2007, val: d.y2007 == "" ? null : +d.y2007 }, { year: 2008, val: d.y2008 == "" ? null : +d.y2008 }, { year: 2009, val: d.y2009 == "" ? null : +d.y2009 }, { year: 2010, val: d.y2010 == "" ? null : +d.y2010 }, { year: 2011, val: d.y2011 == "" ? null : +d.y2011 }, { year: 2012, val: d.y2012 == "" ? null : +d.y2012 }, { year: 2013, val: d.y2013 == "" ? null : +d.y2013 }, { year: 2014, val: d.y2014 == "" ? null : +d.y2014 }, { year: 2015, val: d.y2015 == "" ? null : +d.y2015 }, { year: 2016, val: d.y2016 == "" ? null : +d.y2016 }, { year: 2017, val: d.y2017 == "" ? null : +d.y2017 }, { year: 2018, val: d.y2018 == "" ? null : +d.y2018 }, { year: 2019, val: d.y2019 == "" ? null : +d.y2019 } ] }; })4b:[{"id":"fab1d76fef2125fbc52cd26ba712e85eadee3ba7410629961e5bc85d450af9250a30ae8a20ae3e8a735a693b0396afa4db2209366b53500f855b535e17cebb92","href":"https://static.observableusercontent.com/files/fab1d76fef2125fbc52cd26ba712e85eadee3ba7410629961e5bc85d450af9250a30ae8a20ae3e8a735a693b0396afa4db2209366b53500f855b535e17cebb92","name":"mena.jpg","type":"image/jpeg","lastModified":1605555943014.101,"size":190327},{"id":"19d1d36aa7c256cba4f4747c812c6b520a4c692ee54ef7618ea4468c25f686da5fc1ceb16d59e6eede9acc3a7ec0f96ed580c3932f54c6c6bcd9963276017372","href":"https://static.observableusercontent.com/files/19d1d36aa7c256cba4f4747c812c6b520a4c692ee54ef7618ea4468c25f686da5fc1ceb16d59e6eede9acc3a7ec0f96ed580c3932f54c6c6bcd9963276017372","name":"ssa.jpg","type":"image/jpeg","lastModified":1605555943038.475,"size":193763},{"id":"024ef81bebd5f84142fc2315412b9b01c0527f7f4660f88c90de12013ba8fbfac8d395beba70b14db96ef26c8d68b9a35237e5c009095abbea26165a897d351c","href":"https://static.observableusercontent.com/files/024ef81bebd5f84142fc2315412b9b01c0527f7f4660f88c90de12013ba8fbfac8d395beba70b14db96ef26c8d68b9a35237e5c009095abbea26165a897d351c","name":"la.jpg","type":"image/jpeg","lastModified":1605555943061.31,"size":199374},{"id":"ef9b3391cf992efc0aceb121d8e1ef37a4ef1960decd596b1a4ffef328e2be3af6585fab52cd57626864ac2a454620ece40d64c813bc8319ee26339f38ba54ab","href":"https://static.observableusercontent.com/files/ef9b3391cf992efc0aceb121d8e1ef37a4ef1960decd596b1a4ffef328e2be3af6585fab52cd57626864ac2a454620ece40d64c813bc8319ee26339f38ba54ab","name":"eu.jpg","type":"image/jpeg","lastModified":1605555946109.342,"size":249844},{"id":"c4b3da430987b04d704d3be10451d1d017f58f45ea2a358ef3277a0105ca376b231c54483db6d5ea15602f53b8641732cbc8260a2b6c6404bcf4a07d087b9da3","href":"https://static.observableusercontent.com/files/c4b3da430987b04d704d3be10451d1d017f58f45ea2a358ef3277a0105ca376b231c54483db6d5ea15602f53b8641732cbc8260a2b6c6404bcf4a07d087b9da3","name":"na.jpg","type":"image/jpeg","lastModified":1605555943035.312,"size":255517},{"id":"6d80ab1505485136c6f31de0f805f2655e0ac13c3a218a1df3c686788dc8a3da373aa2f3f0fb649847fc8bc19ad4bbc6db188f2a7349b95dbaeff60d2fe3f527","href":"https://static.observableusercontent.com/files/6d80ab1505485136c6f31de0f805f2655e0ac13c3a218a1df3c686788dc8a3da373aa2f3f0fb649847fc8bc19ad4bbc6db188f2a7349b95dbaeff60d2fe3f527","name":"sa.jpg","type":"image/jpeg","lastModified":1605555943032.886,"size":182578},{"id":"4194630adaa0edef333747028e45f33db86ff0a5c2804a65384154b97a061ab34a715ac058a1c570426b56686930125c103424a9c1c79e00584ed5c71ea44de9","href":"https://static.observableusercontent.com/files/4194630adaa0edef333747028e45f33db86ff0a5c2804a65384154b97a061ab34a715ac058a1c570426b56686930125c103424a9c1c79e00584ed5c71ea44de9","name":"eu@2.jpg","type":"image/jpeg","lastModified":1605867153121.994,"size":112339},{"id":"567d310a7494c8e4d4f954080584a3709c3a67826411a96311edb0903f470872022759832d17ceadef8faebff4e844d4d5a0ae320ef80feb0df644a95c28dccb","href":"https://static.observableusercontent.com/files/567d310a7494c8e4d4f954080584a3709c3a67826411a96311edb0903f470872022759832d17ceadef8faebff4e844d4d5a0ae320ef80feb0df644a95c28dccb","name":"la@2.jpg","type":"image/jpeg","lastModified":1605867186212.724,"size":93226},{"id":"256c660e6da40dcefbfd7308b6c3d3106fb27f491b1bbe00e54313e79c9869c7f521e3a369a5aa4b905b9ab9f09a6f519eeb6d720135f1f0b1bc601dcf74a945","href":"https://static.observableusercontent.com/files/256c660e6da40dcefbfd7308b6c3d3106fb27f491b1bbe00e54313e79c9869c7f521e3a369a5aa4b905b9ab9f09a6f519eeb6d720135f1f0b1bc601dcf74a945","name":"ssa@2.jpg","type":"image/jpeg","lastModified":1605867198568.557,"size":92538},{"id":"3eb19e55224726b484f6c639ab1906d48041784389248a9f7e3da056e18d1ecb7df221e87163a9bf8da436c2914390eebf03687a0d7d95cd9e271d6b25fb3c78","href":"https://static.observableusercontent.com/files/3eb19e55224726b484f6c639ab1906d48041784389248a9f7e3da056e18d1ecb7df221e87163a9bf8da436c2914390eebf03687a0d7d95cd9e271d6b25fb3c78","name":"sa@2.jpg","type":"image/jpeg","lastModified":1605867234376.12,"size":89222},{"id":"080dd4d26595188e2401e3f202d64acedc1765c2864f5c2e061ce0b7c8e6b58d25ad5d5705dcbb88bd4268c41d7a3401e5bdf0c92915651888346cbcf042b795","href":"https://static.observableusercontent.com/files/080dd4d26595188e2401e3f202d64acedc1765c2864f5c2e061ce0b7c8e6b58d25ad5d5705dcbb88bd4268c41d7a3401e5bdf0c92915651888346cbcf042b795","name":"pac.jpg","type":"image/jpeg","lastModified":1605555943002.506,"size":223185},{"id":"bae1b82fdda3731e3048e9a060d9e802a0aaa018eae8f79ff5e6170777abb26d370b19da5e594e0f2a2a3cff6654fa2f6556851559f7e176086c42005198d538","href":"https://static.observableusercontent.com/files/bae1b82fdda3731e3048e9a060d9e802a0aaa018eae8f79ff5e6170777abb26d370b19da5e594e0f2a2a3cff6654fa2f6556851559f7e176086c42005198d538","name":"na@2.jpg","type":"image/jpeg","lastModified":1605867210577.267,"size":112138},{"id":"bfffe6aaae42d77f027f7bf4b2668d13b184b374b2b0b4f1cab2f6cefc7196311cfe11565730812c6eed6d4354dbf3b5667ccc7756e8c3df2b2be0711a6459b5","href":"https://static.observableusercontent.com/files/bfffe6aaae42d77f027f7bf4b2668d13b184b374b2b0b4f1cab2f6cefc7196311cfe11565730812c6eed6d4354dbf3b5667ccc7756e8c3df2b2be0711a6459b5","name":"mena@2.jpg","type":"image/jpeg","lastModified":1605867246620.014,"size":90162},{"id":"0e2d62b7ef6a90019fd74a9b28effcb77ce5fcb14fb53b87692d8ce3b6de5904fd60d370762cf0a149376dd106ea619024db72f9bcecc317e11da7319533ecfd","href":"https://static.observableusercontent.com/files/0e2d62b7ef6a90019fd74a9b28effcb77ce5fcb14fb53b87692d8ce3b6de5904fd60d370762cf0a149376dd106ea619024db72f9bcecc317e11da7319533ecfd","name":"pac@2.jpg","type":"image/jpeg","lastModified":1605867261381.311,"size":98593},{"id":"76e78453fb8d316f335e27a271b98b8063969ffb80466379b628b8e645c505284d3d25da9ede124c4ddbf94bf659c4cc6b1919cf31df203eb41ce2083268ca6d","href":"https://static.observableusercontent.com/files/76e78453fb8d316f335e27a271b98b8063969ffb80466379b628b8e645c505284d3d25da9ede124c4ddbf94bf659c4cc6b1919cf31df203eb41ce2083268ca6d","name":"women-in-parliament-2000-2019-final@2.csv","type":"text/csv","lastModified":1605499176160.815,"size":23780}] 46:{"id":"b1569d27dcf501f2","slug":"women-in-parliament","title":"Women in Parliament","thumbnail":"b97248f68e94ca821ed9f6fa98510a2314e3290ec538a4fa9766ef0a75866526","access_level":"public","create_time":"$D2020-09-01T03:27:41.466Z","update_time":"$D2020-11-20T10:14:21.714Z","view_time":null,"first_public_time":"$D2020-09-03T06:33:02.160Z","has_unpublished_edits":null,"fork":false,"stars":6,"starred":false,"owner":{"type":"team","id":"cd9e5109ee850a08","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":"starter_2024","bio":"Data Visualization Designer/Engineer","following":false},"version":783,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"158d54b9325b4b97","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":null,"bio":"Data Visualization Designer/Engineer","following":false}],"members":[{"type":"individual","id":"158d54b9325b4b97","login":"sambhavjain","name":"Sambhav Jain","avatar_url":"https://avatars-next.observableusercontent.com/929bbf61a31a769fffe014e5e5693dd6f339b5d0ea7912514bc0d5805d1652f6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Women in Parliament","cells":[{"id":0,"value":"title = md`# Women in Parliament`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"viewof r1 = select({\n title: 'Select Region',\n description: '',\n options: [\n { label: 'South Asia', value: 'South Asia' },\n { label: 'Europe & Central Asia', value: 'Europe & Central Asia' },\n {\n label: 'Middle East & North Africa',\n value: 'Middle East & North Africa'\n },\n { label: 'Sub-Saharan Africa', value: 'Sub-Saharan Africa' },\n { label: 'Latin America & Caribbean', value: 'Latin America & Caribbean' },\n { label: 'East Asia & Pacific', value: 'East Asia & Pacific' },\n { label: 'North America', value: 'North America' }\n ],\n value: 'Sub-Saharan Africa'\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":602,"value":"m = 1.6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":387,"value":"margin = 25","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":269,"value":"curve = d3.curveStepBefore","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"continent = `${r1}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":753,"value":"contImg = continentColors.find(({ continent }) => continent === r1).img","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":66,"value":"perRow = 5","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"pathWidth = 706 / perRow","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":416,"value":"md`## Data Prep`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"rawData = d3.csvParse(\n await FileAttachment(\"women-in-parliament-2000-2019-final@2.csv\").text()\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"countryData = rawDataCleaned.filter(d => d.region != d.countryName)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":437,"value":"regionData = rawDataCleaned.filter(d => d.region === d.countryName)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"countryDataNested = d3\n .nest()\n .key(d => d.region)\n .entries(countryData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":443,"value":"regionDataNested = d3\n .nest()\n .key(d => d.region)\n .entries(regionData)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"filteredRegion = regionDataNested\n .filter(d => d.key === r1)[0]\n .values.sort(function(a, b) {\n return a.data[19].val - b.data[19].val;\n })\n .reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"filteredCountries = countryDataNested\n .filter(d => d.key === r1)[0]\n .values.sort(function(a, b) {\n return a.data[19].val - b.data[19].val;\n })\n .reverse()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"st1 = html`css `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"style = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"bootstrap = require('bootstrap')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"import { select } from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"import { form } from '@mbostock/form-input'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"_ = require('lodash')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 47:"$46:body"