2d:null 2e:["$","title",null,{"children":"South African Medical Personnels Choropleth | anndawn | Observable"}] 33:T5a5,html`

Medical Personnel in South Africa

Select service

Select Sector

`34:T4b2,html` `35:T841,mobilecheck= {var check = false; (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); return check; };36:T96b,chart = (service,sector) => { const width=widhe[0], height=widhe[1] const projection = d3.geoMercator() .center([26,-28]) .translate([width/2, height/2]); const geoGenerator = d3.geoPath().projection(projection); svg.append('g').attr('class', 'map YlGnBu') projection.fitExtent([[0, 0], [(width-30), height]], sa); const newdata=updata(service,sector)[1] const extent=updata(service,sector)[0] var tip; tip = d3tip() .attr('class', 'd3-tip') .offset([25,-4]) .html( function(d) { let name=updata(service,'public')[1][d.properties["DISTRICT"]][0]["District"], headcountpub=updata(service,'public')[1][d.properties["DISTRICT"]][0]['headcount'], headcountpri=updata(service,'private')[1][d.properties["DISTRICT"]][0]['headcount'], totalheadcount= (headcountpub+headcountpri).toFixed(1); return `${name} , ${service}
public sector: ${headcountpub} , private sector: ${headcountpri},
Total per 100000 population: ${totalheadcount}` }) svg.call(tip); var qaScale = d3.scaleQuantile() .range(d3.range(9).map(function(i) { return 'q' + i + '-9'; })) .domain(extent) var legend = d3legend.legendColor() .labelFormat(d3.format(".1f")) .useClass(true) .title("Medical Personnel per 100000 population") .titleWidth(300) .scale(qaScale); if(mobilecheck==true){ legend.orient('horizontal').shapePadding(15) .labelWrap(20) d3.select(".legendQuant").attr("transform","translate("+5+","+(height+30)+")") } d3.select(".legendTitle").select("tspan").attr("dy","0.7em") d3.select(".legendQuant").call(legend) var u = d3.select('.map') .selectAll('path') .data(sa.features); u.join('path') .attr('d', geoGenerator) .attr('class', function(d) { if (sector=='total') {return qaScale(newdata[d.properties["DISTRICT"]]['headcount'])} else {return qaScale(newdata[d.properties["DISTRICT"]][0]['headcount']);} }) .on('mouseover', tip.show) .on('mouseout', tip.hide); }37:[{"id":"9ea14d2d243ba357d78780999612e85872d91e32cd28bd06ee059f72da5683d7c8a2453cedf58f50f45ff61153f90b05b8be323fd45e0bef111455c47328b0c7","href":"https://static.observableusercontent.com/files/9ea14d2d243ba357d78780999612e85872d91e32cd28bd06ee059f72da5683d7c8a2453cedf58f50f45ff61153f90b05b8be323fd45e0bef111455c47328b0c7","name":"newmap2.json","type":"application/json","lastModified":1589477719291.413,"size":212764},{"id":"6e4cbe0b922442652ecb528568da6c374e30af66fe926c2785c76c6558cd4647d76e99baac8d3e13870c371c56aeb55e7be05f28467183136b8a11aac79fb389","href":"https://static.observableusercontent.com/files/6e4cbe0b922442652ecb528568da6c374e30af66fe926c2785c76c6558cd4647d76e99baac8d3e13870c371c56aeb55e7be05f28467183136b8a11aac79fb389","name":"final3.csv","type":"text/csv","lastModified":1589477569739.852,"size":90753}] 31:{"id":"34c3ce0a34c220b7","slug":"untitled","title":"South African Medical Personnels Choropleth","thumbnail":"b71573309a16d55550a799f066713122d088a3671682e5a3fe294225ed6349bb","access_level":"public","create_time":"$D2020-05-14T16:50:11.735Z","update_time":"$D2021-07-18T19:48:30.532Z","view_time":null,"first_public_time":"$D2020-05-18T17:16:09.830Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"08b25cc9d2cc09a6","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":"starter_2024"},"version":417,"publish_version":417,"role":null,"authored":false,"authors":[{"type":"individual","id":"b0fc265f2fad2840","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":null}],"members":[{"type":"individual","id":"b0fc265f2fad2840","login":"anndawn","name":"","avatar_url":"https://avatars-next.observableusercontent.com/a9bef462081f7a77e161e2b21c48a5ea6a7153836b0db2eb8a565396dcfc57c5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":7,"collection":null,"type":"notebook","body":{"title":"South African Medical Personnels Choropleth","cells":[{"id":0,"value":"md`# South African Medical Personnels Choropleth`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":337,"value":"svg = d3.select('#map').append('svg')\n .attr('width', widhe[0])\n .attr('height', widhe[1]+130);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":" svg.append(\"g\")\n .attr(\"class\", \"legendQuant YlGnBu\")\n .attr(\"transform\", \"translate(20,20)\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":365,"value":" widhe={let width=100\n if (mobilecheck==true) {\n width = screen.width-20;\n }else{\n width = window.innerWidth>900?900:window.innerWidth; }\n let height=width/9*6>600?600:width/9*6\n return [width,height]\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":360,"value":" chart(\"Medical_practitioners\",\"total\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"data = d3.csvParse(await FileAttachment(\"final3.csv\").text(), d3.autoType);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"sa=FileAttachment(\"newmap2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"// chart(\"Medical_practitioners\",\"total\")\nupdata = (service, sector) => {\n const filtered = data.filter(d => d.Service == service);\n let ext = [],\n newdata = {};\n if (sector != 'total') {\n newdata = d3.nest()\n .key(d => d.District_Code)\n .object(filtered.filter(d => d.Sector == sector));\n ext = d3.entries(newdata).map(d => d.value[0].headcount);\n } else {\n newdata = d3.nest()\n .key(d => d.District_Code)\n .rollup(function(v) {\n return {\n Number: d3.sum(v, function(d) {return d.Number - 0;}),\n headcount:d3.sum(v, function(d) {return d.headcount}).toFixed(1) - 0\n }\n })\n .object(filtered);\n ext = d3.entries(newdata).map(d => d.value.headcount);\n }\n return [d3.extent(ext), newdata];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":" $(\".choice\").change(\n function(){\n let service= $(\"#choice1 option:selected\").val(); \n let sector= $(\"#choice2 option:selected\").val();\n chart(service,sector)\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"d3 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"$$ = require('jquery')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"d3tip=require('d3-tip')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":103,"value":"d3legend=require('d3-svg-legend')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"