31:Tf4d,map = { let container = DOM.element("div", { style: `width:${width}px;height:${width / 1.8}px` }); yield container; //From http://leafletjs.com/examples/choropleth/ let map = L.map(container).setView([35, -80], 7); let CartoDB_Positron = L.tileLayer( "https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", { attribution: '© OpenStreetMap © CartoDB', subdomains: "abcd", maxZoom: 19 } ).addTo(map); map.attributionControl.addAttribution( 'Tracts from US Census Bureau; 2010 RUCAs from USDA-ERS; 2015 Metro/Micro Delineations from US Census Bureau' ); let ncJson = L.geoJSON(nc, { onEachFeature: onEachFeature, style: function (d) { return { weight: 1, opacity: 0.7, color: getColor(d.properties.population_density), fillOpacity: 0.7, fillColor: getColor(d.properties.population_density), className: d.properties.metro_micro + " ruca" + d.properties.primary_ruca + " tract" }; } }).addTo(map); // control that shows state info on hover const info = L.control(); info.onAdd = function (map) { this._div = L.DomUtil.create("div", "info"); this.update(); return this._div; }; info.update = function (props) { this._div.innerHTML = "

Tract Information

" + (props ? "GEOID: " + props.GEOID + "
" + "County: " + props.county + "
RUCA: " + props.primary_ruca + "
Secondary RUCA: " + props.secondary_ruca + "
OMB: " + props.metro_micro + "
Density: " + round(props.population_density, 1) + " per mile²" : "Hover over a tract"); }; info.addTo(map); function highlightFeature(e) { let layer = e.target; layer.setStyle({ stroke: true, weight: 5, color: "#666", dashArray: "", fillOpacity: 0.7 }); if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) { layer.bringToFront(); } info.update(layer.feature.properties); } const legend = L.control({ position: "bottomright" }); legend.onAdd = function (map) { let div = L.DomUtil.create("div", "info legend"), grades = [0, 10, 100, 500, 1000], labels = ["Population per mile²"], from, to; for (let i = 0; i < grades.length; i++) { from = grades[i]; to = grades[i + 1]; labels.push( ' ' + from + (to ? "–" + to : "+") ); } div.innerHTML = labels.join("
"); return div; }; legend.addTo(map); function resetHighlight(e) { ncJson.resetStyle(e.target); info.update(); } function zoomToFeature(e) { map.fitBounds(e.target.getBounds()); } function onEachFeature(feature, layer) { layer.on({ mouseover: highlightFeature, mouseout: resetHighlight, click: zoomToFeature }); } // get color depending on population density value function getColor(d) { return d > 1000 ? "#006837" : d > 500 ? "#31a354" : d > 100 ? "#78c679" : d > 10 ? "#c2e699" : "#ffffcc"; } //utility function for rounding function round(value, decimals) { return Number(Math.round(value + "e" + decimals) + "e-" + decimals); } }32:[] 2f:{"title":"What is rural in North Carolina?","cells":[{"id":0,"value":"md`# What is rural in North Carolina?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":17,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":74,"value":"md`One way to define rural is to use RUCAs, which run from 1 to 10 (roughly metro to rural). Here I am ignoring the secondary RUCA codes.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"viewof rucaBreak = slider({\n min: 1,\n max: 10,\n step: 1,\n value: 4,\n title: \"Minimum RUCA Code for Rural\",\n description: \"Select the lowest RUCA you accept as rural.\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"md`The OMB defines counties (not tracts) as metropolitan or micropolitan. If a county is neither of these, they do not appear in the delineation file. Sometimes a combination of RUCA code and the OMB county definition can be useful. For instance, we could specify that counties that are neither metropolitan or micropolitan are rural (i.e., all tracts in those counties would be considered rural), but that metropolitan/micropolitan counties can contain rural and non-rural tracts. Using the radio buttons below, specify in which cases you would like the OMB county definitions to overrule the tract-level RUCA definitions.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"viewof metroOMB = radio({\n title: 'Metro',\n description: 'How should tracts in metropolitan counties be defined?',\n options: [\n { label: 'Non-Rural', value: 'non-rural' },\n { label: 'Rural', value: 'rural' },\n { label: \"By each tract's RUCA code\", value: 'ignore' },\n ],\n value: 'ignore'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"viewof microOMB = radio({\n title: 'Micro',\n description: 'How should tracts in micropolitan counties be defined?',\n options: [\n { label: 'Non-Rural', value: 'non-rural' },\n { label: 'Rural', value: 'rural' },\n { label: \"By each tract's RUCA code\", value: 'ignore' },\n ],\n value: 'ignore'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"viewof neitherOMB = radio({\n title: 'Neither Metro or Micro',\n description: 'How should tracts in counties that are neither metropolitan or micropolitan be defined?',\n options: [\n { label: 'Non-Rural', value: 'non-rural' },\n { label: 'Rural', value: 'rural' },\n { label: \"By each tract's RUCA code\", value: 'ignore' },\n ],\n value: 'ignore'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"nc = d3.json(\"https://gist.githubusercontent.com/gallowayevan/d162343dceca6d596ba07b7982ff0ae4/raw/8fe6ed588ad8637febc568cc2f648a7bb2c272f0/nc-tracts-rural-metro.json\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"{ \n[1,2,3,4,5,6,7,8,9,10].forEach(function(d){\n\t\tlet visibility;\n \t\td >= rucaBreak ? visibility = \"visible\" : visibility = \"hidden\";\n \t\td3.selectAll(\".ruca\"+d).attr(\"visibility\", visibility);\n\t});\n \n updateOMB(\"metro\", metroOMB);\n updateOMB(\"micro\", microOMB);\n updateOMB(\"neither\", neitherOMB);\n \n function updateOMB (ombUnit, status) {\n let visibility;\n if(status != \"ignore\"){\n status == \"rural\" ? visibility = \"visible\" : visibility = \"hidden\"; \n d3.selectAll(\".\"+ombUnit).attr(\"visibility\", visibility);\n }\n}\n \n\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":174,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":79,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"import {radio} from \"@meetamit/multiple-choice-inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}