2b:null 2c:["$","title",null,{"children":"Fifeville Assessment Data | Rory Stolzenberg | Observable"}] 31:T1590,plot = { var residentialUses = ["Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Quadplex", "Three-Level Split", "Four-Level Split", "Condominium", "Apartments"]; var data = _.clone(filter.parcels.features); data = data.filter(function(d){ return d.properties.Residential === true && residentialUses.indexOf(getUseCode(d)) !== -1/*d.properties.Residential === true && public_spaces.indexOf(d.properties.ParcelNumber) === -1 && commercial.indexOf(d.properties.ParcelNumber) === -1 && d.properties.UseCode != "Vacant Land" && d.properties.ResidentialDetails.YearBuilt != "0";*/ }); console.log("homes: ",data.length); var sfds = data.filter(d => getUseCode(d) !== "Single Family" && d.properties.Assessment < 218700); console.log("sfds: ",sfds.length); var axes = AXES(data) if(COLOR_KEY == 'UseCode'){ data = _.sortBy(data, d => axes[COLOR_KEY].sortNum(d)) } console.log(axes[COLOR_KEY].color.domain()) console.log(data); var margin = {top: 40, right: 20, bottom: 40, left: 60}, wi = width - margin.left - margin.right, height = Math.round(width*2/3) - margin.top - margin.bottom; const svgWrapper = d3.select(DOM.svg(wi + margin.left + margin.right, height + margin.top + margin.bottom)) .attr("width", wi + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .style("background-color", BACKGROUND_COLOR) .style("font-family", "Arial") .style("color", TEXT_COLOR) var svg = svgWrapper.append("g") .attr("transform", "translate(" + margin.left + "," + margin.top + ")") var x = d3.scaleLinear() .range([0, wi]); var y = d3.scaleLinear() .range([height, 0]); var xAxis = d3.axisBottom(x).tickFormat(d3.format("d")); var yAxis = d3.axisLeft(y).tickFormat(axes[Y_AXIS].tickFormat); var getX = getYearBuilt; var getY = axes[Y_AXIS].fnLimited; x.domain(d3.extent(data, getX)); //x.domain(d3.extent(data, getX)); x.domain([1900, 2019]); var ydomain = y.domain(d3.extent(data, getY)); if(axes[Y_AXIS].nice) ydomain.nice(); // x-axis svg.append("g") .attr("class", "x axis") .attr("transform", "translate(0," + height + ")") .style("font-size", ".8em") .style("font-weight", "bold") .call(xAxis) .append("text") .attr("class", "label") .attr("x", wi) .attr("y", -6) .style("fill", TEXT_COLOR) .style("text-anchor", "end") .text("Year Built"); // y-axis svg.append("g") .attr("class", "y axis") .style("font-size", ".8em") .style("font-weight", "bold") .call(yAxis) .append("text") .attr("class", "label") .attr("transform", "rotate(-90)") .attr("y", 6) .attr("dy", ".71em") .style("fill", TEXT_COLOR) .style("text-anchor", "end") .text(axes[Y_AXIS].name); addMedianLine(svg, data, x, y, getX, axes[Y_AXIS].fn, axes[Y_AXIS].format, wi, height) addMeanLine(svg, data, x, y, getX, axes[Y_AXIS].fn, axes[Y_AXIS].format, wi, height) // draw dots svg.selectAll(".dot") .data(data) .enter().append("circle") .attr("class", "dot") .attr("r", axes[Y_AXIS].dotSize) .attr("cx", function(d) { return x(getX(d)); }) .attr("cy", function(d) { return y(getY(d)); }) .style("fill", axes[COLOR_KEY].fillColor) .style('stroke', "#888") .style('stroke-width', ".2px") .style("z-index", d => axes[COLOR_KEY].sortNum(d)*10) .on("mouseover", function(d){ d3.select(this).attr("r", axes[Y_AXIS].dotSize*2).style('stroke', "#D62728").style('stroke-width', "1px") plot_tooltip.style("visibility", "visible").html(tooltipString(d,LATEST_YEAR)) }) .on("mousemove", onMousemove(plot_tooltip)) .on("mouseout", function(d){ d3.select(this).attr("r", axes[Y_AXIS].dotSize).style('stroke', "#888").style('stroke-width', ".2px"); plot_tooltip.style("visibility", "hidden"); }) if( axes[COLOR_KEY].legend){ axes[COLOR_KEY].legend(svg, axes[COLOR_KEY], { width: wi, legendOffsetX: axes[Y_AXIS].legendOffsetX, legendOffsetY: height/10, median: d3.median(data, axes[COLOR_KEY].fn) }); }else{ var legend = svg.selectAll(".legend") .data(axes[COLOR_KEY].color.domain()) .enter().append("g") .attr("class", "legend") .attr("transform", function(d, i) { return "translate(" + axes[Y_AXIS].legendOffsetX + "," + (i * 20 - margin.top/2) + ")"; }); legend.append("rect") .attr("x", wi - 18) .attr("width", 18) .attr("height", 18) .style("fill", axes[COLOR_KEY].color); legend.append("text") .attr("x", wi - 24) .attr("y", 9) .attr("dy", ".35em") .style("text-anchor", "end") .style("fill", TEXT_COLOR) .text(function(d) { return axes[COLOR_KEY].legendFormat(d); }); } svg.append("text") .attr("x", (wi / 2)) .attr("y", 0 - (margin.top / 2)) .attr("text-anchor", "middle") .style("font-size", "18px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text("Homes in "+GEOGRAPHY); return svgWrapper.node(); }32:T7e1,viewof replaced = { var data = filter.parcels.features//.filter(d => getYearBuilt(d) > 1999) var fmt = d3.format("$,.0f"); function tabulate(data, columns) { const div = d3.select(html`

`); var table = div.append('table') var thead = table.append('thead') var tbody = table.append('tbody'); // append the header row thead.append('tr') .selectAll('th') .data(columns).enter() .append('th') .style('text-align', 'center') .text(function (column) { return column; }); // create a row for each object in the data var rows = tbody.selectAll('tr') .data(data) .enter() .append('tr'); // create a cell in each row for each column var cells = rows.selectAll('td') .data(function (row) { return columns.map(function (column) { return {column: column, value: row[column]}; }); }) .enter() .append('td') .text(function (d) { return d.value; }); return div.node(); } console.log(data.length) var replaced = []; _.forEach(data, d => { var built = getYearBuilt(d); var priorAssessments = {}; var priorAssessment; for(var yr in d.properties.Assessments){ if(yr < built && d.properties.Assessments[yr].ImprovementValue != 0){ priorAssessments[yr] = d.properties.Assessments[yr]; priorAssessment = d.properties.Assessments[yr]; } } if(typeof priorAssessment !== 'undefined'){ replaced.push({YearBuilt: built, Before: fmt(priorAssessment.TotalValue), After: fmt(d.properties.Assessment), ImprovementsBefore: fmt(priorAssessment.ImprovementValue), ImprovementsAfter: fmt(d.properties.Assessments[2019].ImprovementValue), UseCode: getUseCode(d), ParcelNumber: d.properties.ParcelNumber, parcel: d}) } }) replaced = _.sortBy(replaced, "YearBuilt"); return tabulate(replaced, ["YearBuilt", "Before", "After", "ImprovementsBefore", "ImprovementsAfter", "UseCode", "ParcelNumber"]); }33:Tf9d,use_map = { var COLOR_KEY = 'UseCode'; var residentialUses = ["Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family + ADU(s)", "Single Family Attached", "Duplex", "Triplex", "Quadplex", "Three-Level Split", "Four-Level Split", "Condominium", "Apartments", "Rooming House"]; var data = _.clone(filter.parcels.features); data = data.filter(function(d){ return true &&//d.properties.Residential === true && residentialUses.indexOf(getUseCode(d, true, true)) !== -1 && //public_spaces.indexOf(d.properties.ParcelNumber) === -1 && //(!d.properties.Commercial || getUseCode(d,true,true) == "Apartments") && //d.properties.UseCode != "Vacant Land" && //d.properties.UseCode != "Parking Lot" && true; }); console.log('len',data.length) console.log('sf',data.filter(d=>d.properties.UseCode == "Single Family").length) console.log('sfa',data.filter(d=>d.properties.UseCode == "Single Family Attached").length) var axes = AXES(data) axes[COLOR_KEY].legendOffsetX = -width/20 const height = 1 * width; console.log(width,height); const svg = d3.select(DOM.svg(width, height)) .style("font-family", "Arial") .style("fill", BACKGROUND_COLOR); let projection = d3.geoAlbers(); const path = d3.geoPath().projection( projection ) const graticule = d3.geoGraticule() projection .scale(1) .translate([0, 0]); const b = path.bounds(filter.parcels); const s = 0.95 / Math.max((b[1][0] - b[0][0]) / width, (b[1][1] - b[0][1]) / height); const t = [(width - s * (b[1][0] + b[0][0])) / 2, (height - s * (b[1][1] + b[0][1])) / 2]; projection .scale(s) .translate(t) svg.append("path") .datum(graticule) .attr("class", "graticule") .attr("d", path); var lots = svg.append("g") .selectAll("path") .data(data) .enter().append("path") .attr("d", path) .style('fill', axes[COLOR_KEY].fillColor) .style('stroke', BACKGROUND_COLOR) .style('stroke-width', ".6px") .on("mouseover", d => { usemap_tooltip.style("visibility", "visible").html(tooltipString(d,LATEST_YEAR))}) .on("mousemove", onMousemove(usemap_tooltip)) .on("mouseout", d => usemap_tooltip.style("visibility", "hidden")); var fontSize = Math.floor(height/60); var legend = svg.selectAll(".legend") .data(axes[COLOR_KEY].color.domain()) .enter().append("g") .attr("class", "legend") .attr("transform", function(d, i) { return "translate(" + axes[COLOR_KEY].legendOffsetX + "," + (i * height/44 + height/2) + ")"; }); legend.append("rect") .attr("x", width - height/50) .attr("width", height/50) .attr("height", height/50) .style("fill", axes[COLOR_KEY].color); legend.append("text") .attr("x", width - width/40) .attr("y", fontSize) .style("text-anchor", "end") .style("fill", TEXT_COLOR) .style("font-size", fontSize+"px") .text(function(d) { return axes[COLOR_KEY].legendFormat(d);}); svg.append("text") .attr("x", width/5) .attr("y", height/10) .attr("text-anchor", "middle") .style("font-size", fontSize*2+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text(GEOGRAPHY); svg.append("text") .attr("x", width/5) .attr("y", height/10 + fontSize*2.2) .attr("text-anchor", "middle") .style("font-size", fontSize*2+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text("residential properties"); svg.append("text") .attr("x", width/5) .attr("y", height/10 + fontSize*2.2*2) .attr("text-anchor", "middle") .style("font-size", fontSize*2+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text("by home type"); svg.call(d3.zoom() .extent([[0, 0], [width, height]]) .scaleExtent([1, 8]) .on("zoom", function() { lots.attr("transform", d3.event.transform); })); return svg.node(); }34:Ta0a,pie_chart = { var residentialUses = ["Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family + ADU(s)", "Single Family Attached", "Duplex", "Triplex", "Quadplex", "Three-Level Split", "Four-Level Split", "Condominium", "Apartments", "Rooming House"]; var data = _.clone(filter.parcels.features) console.log(_.uniq(data.map(getUseCode))) console.log(data.filter(d=>typeof d.properties.UseCode !== 'undefined' && getUseCode(d, true, true).indexOf("Apartments") !== -1)) data = data.filter(function(d){ if(getUseCode(d, true, true) == "Apartments"){ console.log(d.properties.UseCode,getUseCode(d),getUseCode(d, true, true), residentialUses.indexOf(getUseCode(d, true, true))) } return residentialUses.indexOf(getUseCode(d, true, true)) !== -1 && // d.properties.Residential === true && getUseCode(d,true,true).indexOf("Common Area") === -1 && getUseCode(d,true,true).indexOf("Commercial") === -1 && //public_spaces.indexOf(d.properties.ParcelNumber) === -1 && //(!d.properties.Commercial || getUseCode(d,true,true) == "Apartments") && d.properties.UseCode != "Vacant Land" && d.properties.UseCode != "Parking Lot" && true; }); var data = _.groupBy(data,d=>getUseCode(d,true,true)) console.log(data) const height = 1 * width; console.log(width,height); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -height / 2, width, height]); var pie = d3.pie().value(d => d.value.length) var data_ready = pie(d3.entries(data)) var color = d3.scaleOrdinal(d3.schemeCategory10) var arcGenerator = d3.arc() .innerRadius(0) .outerRadius(width/2) var translate = d => { var centroid = arcGenerator.centroid(d); var x = centroid[0]; var y = centroid[1]; if(d.value < 50){ y += (Math.random()-.5)*140 } return "translate(" + x + "," + y + ")"; } // Build the pie chart: Basically, each part of the pie is a path that we build using the arc function. svg .selectAll('whatever') .data(data_ready) .enter() .append('path') .attr('d', arcGenerator) .attr('fill', d=> color(d.data.key) ) .attr("stroke", "black") .style("stroke-width", "2px") .style("opacity", 0.7) svg .selectAll('mySlices') .data(data_ready) .enter() .append('text') .text( d=> `${d.data.key} (${d.data.value.length})` ) .attr("transform", translate) .style("text-anchor", "middle") .style("font-size", 20) return svg.node() }35:T453,unit_count = { var unit_count_map = {"Single Family-1 Conversion": 2, "Single Family-2 Conversion": 3, "Single Family-3 Conversion": 4, "Duplex": 2, "Triplex": 3, "Quadplex": 4, "Three-Level Split": 3, "Four-Level Split": 4, "Apartments":100000, "Rooming House":1}; var parcel_unit_map = { "1017 GROVE ST": 8, "212 5TH ST SW": 9, "1020 CHERRY AVE": 8, "517 RIDGE ST": 9, } var data = _.clone(filter.parcels.features) console.log( Object.keys(unit_count_map)) data.filter(d=> Object.keys(unit_count_map).indexOf(getUseCode(d,true, false)) !== -1) var red = data.reduce((acc, d) => { var use = getUseCode(d,true, false); if(use in unit_count_map){ if(typeof use !== 'undefined' && use.indexOf("Apartments") !== -1){console.log("Apartments!", d.properties.StreetNumber, d.properties.StreetName)} if(unit_count_map[use] > 1000){console.log('check', use, d)} return acc+unit_count_map[use]; } return acc+1 },0) console.log(red) console.log(_.groupBy(data, (d)=> { return getUseCode(d,true,false) })) console.log(data) return data }36:T1c76,createMap = function(YEAR, ASSESSMENT_TYPE){ const height = 1 * width; var fontSize = Math.floor(height/12); var strokeWidth = Math.round(width/150)/10; //console.log(width,height); const svg = d3.select(DOM.svg(width, height)) .style("font-family", "Arial") .style("fill", BACKGROUND_COLOR) .on("click", toggleRotate); let projection = d3.geoAlbers(); const path = d3.geoPath().projection( projection ) const graticule = d3.geoGraticule() var green = true; var data = filter.parcels.features; /*data.sort((a, b) => { //sort closest to this year last var yrA = getYearBuilt(a); var yrB = getYearBuilt(b); if(typeof yrA === 'undefined') return -1; if(typeof yrB === 'undefined') return 1; return Math.abs(yrB - YEAR) - Math.abs(yrA - YEAR); });*/ var axis = AXES(data)["Assessment"]; //console.log(axis); var residentialParcels = data.filter(function(d){ return d.properties.Residential === true && public_spaces.indexOf(d.properties.ParcelNumber) === -1 && commercial.indexOf(d.properties.ParcelNumber) === -1 && d.properties.Assessments[YEAR] && d.properties.Assessments[YEAR].ImprovementValue && getUseCode(d) != "Vacant Land"; }); var residentialParcels2019 = data.filter(function(d){ return d.properties.Residential === true && public_spaces.indexOf(d.properties.ParcelNumber) === -1 && commercial.indexOf(d.properties.ParcelNumber) === -1 && d.properties.Assessments[LATEST_YEAR] && d.properties.Assessments[LATEST_YEAR].ImprovementValue && getUseCode(d) != "Vacant Land"; }); var vals = []; var fn = d => parseInt(d.properties.Assessments[LATEST_YEAR][ASSESSMENT_TYPE]); //use 2019 so scale stays across years residentialParcels2019.forEach(d => vals.push(fn(d))) vals = _.uniq(vals).sort((a, b) => a-b); //console.log(vals); var start = vals[0] var end = d3.quantile(vals, .95) //top 10% is red var domain = [start, end];//[ d3.min(residentialParcels, fn), d3.max(residentialParcels, fn)] //_.clone(axis.domain); //console.log('domain', domain); function fillColor(parcel) { // Reported LotSquareFeet turns out not to be very accurate. Lots of missing data // Instead, calculate based on the parcel geometry // const sqft = parcel.properties.LotSquareFeet const sqft = turf.area(parcel)*9.322 // eyeballed conversion from LotSquareFeet to this parcel.properties.lot_sf = sqft; //console.log(parcel.properties.Assessment) if(parcel.properties.ParcelNumber == "200247000"){console.log("200247000",parcel)}; if(public_spaces.indexOf(parcel.properties.ParcelNumber) !== -1) return "#17410d"; if(commercial.indexOf(parcel.properties.ParcelNumber) !== -1) return "#987654"; if(vacant.indexOf(parcel.properties.ParcelNumber) !== -1) return "#aaa"; if(typeof parcel.properties.Assessments === 'undefined'){// three parcels too small to see, probably mistakes return "#000"; } var ignore = ["180060100"]; if(ignore.indexOf(parcel.properties.ParcelNumber) !== -1) return; var assessment = parcel.properties.Assessments[YEAR] if(typeof assessment === 'undefined'){ //console.log(parcel.properties) if(typeof subdivisions[parcel.properties.ParcelNumber] === 'undefined'){ //console.log("No assessment available!", YEAR, parcel.properties.ParcelNumber,parcel.properties); if(ASSESSMENT_TYPE == "TotalValue") missing[YEAR].push(parcel.properties.ParcelNumber) return "#333"; } var replacementParcelNum = subdivisions[parcel.properties.ParcelNumber] var replacementParcel = _.find(data, function(d){ return d.properties.ParcelNumber == replacementParcelNum; }) //console.log(replacementParcelNum, replacementParcel) if(typeof replacementParcel.properties.Assessments === 'undefined'){ //console.log("No assessment!", YEAR, replacementParcel.properties.ParcelNumber,replacementParcel.properties); if(ASSESSMENT_TYPE == "TotalValue") missing[YEAR].push(replacementParcel.properties.ParcelNumber) return "#333"; } assessment = replacementParcel.properties.Assessments[YEAR]; } if(assessment.ImprovementValue == 0) return "#aaa"; assessment = assessment[ASSESSMENT_TYPE] var hi = domain[1] var lo = domain[0] if(assessment > hi) assessment = hi //else if(assessment < lo) //return "#cccccc" assessment = (green ? 1 : 0) + (green ? -1 : 1) * (assessment - lo)/(hi - lo) return (green ? d3.interpolateRdYlGn : d3.interpolateYlOrRd)(assessment) } projection .scale(1) .translate([0, 0]); const b = path.bounds(filter.parcels); const s = 0.95 / Math.max((b[1][0] - b[0][0]) / width, (b[1][1] - b[0][1]) / height); const t = [(width - s * (b[1][0] + b[0][0])) / 2, (height - s * (b[1][1] + b[0][1])) / 2]; projection .scale(s) .translate(t) svg.append("path") .datum(graticule) .attr("class", "graticule") .attr("d", path) var defaultStroke = (DARK_MODE ? BACKGROUND_COLOR : TEXT_COLOR); //var newBuildStroke = "#0055ff" svg.append("g") .selectAll("path") .data(data) .enter().append("path") .attr("d", path) .style('fill', fillColor) .style('stroke', defaultStroke) .style('stroke-width', strokeWidth) /*.style('stroke', d => { console.log(arguments) var built = getYearBuilt(d); return (built <= YEAR && built > YEAR-3 ? newBuildStroke : defaultStroke) }) .style('stroke-width', d => { var built = getYearBuilt(d); return (built <= YEAR && built > YEAR-3 ? Math.sqrt(d.properties.lot_sf)/200 : strokeWidth) })*/ .on("mouseover", d => { map_tooltip.style("visibility", "visible").html(tooltipString(d,YEAR))}) .on("mousemove", onMousemove(map_tooltip)) .on("mouseout", d => map_tooltip.style("visibility", "hidden")); svg.append("text") .attr("x", width/5) .attr("y", height/6) .attr("text-anchor", "middle") .style("font-size", fontSize+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text(YEAR); svg.append("text") .attr("x", width/5) .attr("y", height/6 - fontSize + fontSize/18) .attr("text-anchor", "middle") .style("font-size", fontSize/3+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text(ASSESSMENT_TYPE.replace("Value"," Value")); svg.append("text") .attr("x", width/5) .attr("y", height/6 - fontSize - fontSize/3) .attr("text-anchor", "middle") .style("font-size", fontSize/3+"px") .style("font-weight", "bold") .style("fill", TEXT_COLOR) .text(GEOGRAPHY + " Assessments: "); var legendOptions = { wi: width, legendOffsetX: 0, legendOffsetY: 40, color: d3.scaleSequential((green ? d3.interpolateRdYlGn : d3.interpolateYlOrRd)).domain((green ? domain.reverse() : domain)), domain : (green ? domain.reverse() : domain), reverse: green, median: d3.median(residentialParcels,d => (d.properties.Assessments[YEAR] ? d.properties.Assessments[YEAR][ASSESSMENT_TYPE] : null))} addLegendGradient(svg, axis, legendOptions) return svg.node(); }37:Tebc,addLegendGradient = function(svg, axis, options){ // options: {wi, legendOffsetX, legendOffsetY, color, reverse, median, domain} var wi = (typeof options.wi === 'undefined' ? width : options.wi); var legendOffsetX = (typeof options.legendOffsetX === 'undefined' ? 0 : options.legendOffsetX); var legendOffsetY = (typeof options.legendOffsetY === 'undefined' ? 0 : options.legendOffsetY); var color = (typeof options.color === 'undefined' ? axis.color : options.color); var reverse = (typeof options.reverse === 'undefined' ? false : options.reverse); var domain = (typeof options.domain === 'undefined' ? axis.domain : options.domain); var median = options.median; var legendWidth = wi/4 var legendHeight = Math.ceil(wi/40) var fontSize = Math.round(wi/100) var colorScale = d3.scaleLinear() .range([-legendWidth/2, legendWidth/2]) .domain(domain); //.domain([ d3.min(data, AXES['Assessment'].fn), d3.max(data, AXES['Assessment'].fn)]); var xAxis = d3.axisBottom(colorScale) .tickValues(colorScale.ticks(5)).tickFormat(axis.legendFormat).tickSize(-legendHeight) var xAxisTop = d3.axisTop(colorScale) .tickValues(colorScale.domain()).tickFormat(axis.legendFormat).tickSize(legendHeight) var xAxisMedian = d3.axisTop(colorScale) .tickValues([options.median]).tickFormat(axis.legendFormat).tickSize(legendHeight) //console.log(xAxis); var now = new Date().getTime(); var defs = svg.selectAppend("defs") var linearGradient = defs.selectAppend("linearGradient") .attr("id", "linear-gradient-"+now); var legendsvg = svg.append("g") .attr("width", legendWidth) .attr("transform", function(d, i) { return "translate(" + (wi - legendWidth + legendOffsetX) + ",0)"; }); var ticks = colorScale.ticks().sort((a,b)=>a-b); var offset = 0; var offsetMultiplier = 1; console.log('ticks1', ticks) if(reverse){ ticks = ticks.reverse(); offset = 100 offsetMultiplier = -1 } var tickData = ticks.map((t, i, n) => ({ offset: `${offset+100*(i/(n.length-1))*offsetMultiplier}%`, color: color(t) })) tickData = (reverse ? tickData.reverse() : tickData) linearGradient.selectAll("stop") .data(tickData) .enter().append("stop") .attr("offset", d => d.offset) .attr("stop-color", d => d.color); legendsvg.append("rect") .attr("x", -legendWidth/2) .attr("y", legendOffsetY) .attr("width", legendWidth) .attr("height", legendHeight) .style("fill", `url(#linear-gradient-${now})`) legendsvg.append("g") .attr("class", "axis") .attr("transform", "translate(0," + (legendHeight + legendOffsetY) + ")") .call(xAxis) .style("color", BACKGROUND_COLOR) .selectAll("text") .style("font-size", fontSize+"px") .style("color", TEXT_COLOR) legendsvg.append("g") .attr("class", "axis") .attr("transform", "translate(0," + (legendHeight + legendOffsetY) + ")") .call(xAxisTop) .style("color", BACKGROUND_COLOR) .selectAll("text") .style("font-size", fontSize+"px") //.attr("dy", ".5em") .style("color", TEXT_COLOR) if(median){ var medianAxis = legendsvg.append("g") .attr("class", "axis") .attr("transform", "translate(0," + (legendHeight + legendOffsetY) + ")") .call(xAxisMedian) .style("color", BACKGROUND_COLOR) .style("opacity", .5) .style("stroke-dasharray", "5,2") medianAxis.selectAll("text") .style("font-size", fontSize+"px") //.attr("dy", ".5em") .style("color", TEXT_COLOR) medianAxis.selectAll('.tick').append("text") .text('Median:') .style("font-size", fontSize+"px") .style("fill", TEXT_COLOR) .attr("transform", "translate(0," + (-legendHeight-fontSize) + ")") .attr("dy", "-.5em") } }38:T1798,viewof streetsTable = { var streets = {}; _.each(filter.parcels.features, d =>{ if(getUseCode(d, true) == "Vacant Land") return; if(getUseCode(d, true) == "Condo Common Area") return; if(["Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Condominium", "Apartments"].indexOf(getUseCode(d, true)) == -1) console.log(getUseCode(d, true)); if(d.properties.Commercial && getUseCode(d, true) != "Apartments") return; var street = d.properties.StreetName.toLowerCase(); if(Object.keys(streets).indexOf(street) == -1){ streets[street] = []; } streets[street].push(getUseCode(d, true)); }) var i = 0; var all = []; var sfdsonly = []; //var sfds1adu = []; //var sfds2adu = []; var sfds3adu = []; var sfa = []; var duplexes = []; var sfasduplexes = []; var triplexes = []; var condos = []; var apts = []; var more = []; for(var key in streets){ all.push(key); if(_.without(streets[key], "Single Family").length == 0){ sfdsonly.push(key); continue; } /*if(_.without(streets[key], "Single Family", "Single Family-1 Conversion").length == 0){ sfds1adu.push(key); } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion").length == 0){ sfds2adu.push(key); }*/ if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion").length == 0){ sfds3adu.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached").length == 0){ sfa.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Duplex").length == 0){ duplexes.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex").length == 0){ sfasduplexes.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex").length == 0){ triplexes.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Condominium").length == 0){ condos.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Condominium", "Apartments").length == 0){ apts.push(key); continue; } if(_.without(streets[key], "Single Family", "Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Condominium", "Apartments").length > 0){ more.push(key); console.log("more",more) continue; } i++; } var rows = []; var types = { //all: {name: "Street", streets: all.sort()}, sfdsonly: {name: "SFDs only", streets: sfdsonly.sort()}, //sfds1adu: {name: "SFDs and 1 ADU", streets: sfds1adu.sort()}, //sfds2adu: {name: "SFDs and 1 or 2 ADUs", streets: sfds2adu.sort()}, sfds3adu: {name: "ADUs", streets: sfds3adu.sort()}, sfa: {name: "Single Family Attached", streets: sfa.sort()}, duplexes: {name: "Duplexes", streets: duplexes.sort()}, sfasduplexes: {name: "Single Family Attached
+ Duplexes", streets: sfasduplexes.sort()}, triplexes: {name: "Triplexes", streets: triplexes.sort()}, condos: {name: "Condos", streets: condos.sort()}, apts: {name: "Apts", streets: apts.sort()}, //more: {name: "Greater than duplexes", streets: more.sort()}, } console.log(types) for(var x in types){ for(var y in types[x].streets){ if(y >= rows.length) rows.push({}); rows[y][x] = types[x].streets[y]; } } console.log(rows) var nonSFDTypes = ["Single Family-1 Conversion", "Single Family-2 Conversion", "Single Family-3 Conversion", "Single Family Attached", "Duplex", "Triplex", "Condominium"]; console.log(streets); return html` ${rows.map(function(row, index){ return `` })}

# (Total: ${Object.keys(streets).length})	${types.sfdsonly.name} (${types.sfdsonly.streets.length})	${types.sfds3adu.name} (${types.sfds3adu.streets.length})	${types.sfa.name} (${types.sfa.streets.length})	${types.duplexes.name} (${types.duplexes.streets.length})	${types.sfasduplexes.name} (${types.sfasduplexes.streets.length})	${types.triplexes.name} (${types.triplexes.streets.length})	${types.condos.name} (${types.condos.streets.length})	${types.apts.name} (${types.apts.streets.length})
${index+1}	${row.sfdsonly ? row.sfdsonly : ''}	${row.sfds3adu ? row.sfds3adu : ''}	${row.sfa ? row.sfa : ''}	${row.duplexes ? row.duplexes : ''}	${row.sfasduplexes ? row.sfasduplexes : ''}	${row.triplexes ? row.triplexes : ''}	${row.condos ? row.condos : ''}	${row.apts ? row.apts : ''}

` }39:T481d,frysspring = { return ["300009000", "300010000", "300008000", "300054000", "290071000", "300066000", "300053000", "300048100", "300067000", "300048000", "300045100", "300068000", "300045000", "300063000", "290073000", "300071000", "300070000", "300057000", "300065000", "290074000", "300056000", "300069000", "290070000", "300052000", "300051000", "300050000", "300170000", "300064000", "300047000", "290069000", "290075000", "300046000", "300091000", "290070100", "290076000", "290068101", "290068102", "290068000", "290068104", "290068103", "290068105", "290068106", "300092000", "290050000", "300093000", "290081000", "300094000", "230002000", "300025000", "300031000", "290049000", "230003000", "300096000", "290080000", "300026000", "290082000", "2900672A0", "2900673D0", "290067000", "290067000", "290067100", "2900671D0", "2900672B0", "2900672C0", "2900673A0", "2900671A0", "2900671C0", "2900673C0", "2900671B0", "2900672D0", "2900673B0", "300097000", "230004000", "290051000", "290079000", "300120000", "300098000", "300036000", "290022000", "300027000", "230005000", "290078000", "300099001", "230006000", "290083000", "300030000", "300035000", "290052102", "290052101", "290052103", "290052105", "290052000", "290052104", "290052106", "230007000", "300028000", "300100000", "290048000", "300119000", "300121000", "230008000", "290084000", "290066000", "300118000", "290047000", "230010000", "300029000", "290086000", "290211000", "300117200", "300117200", "290087000", "300035100", "300121100", "290055000", "290085200", "290085100", "290085000", "290046000", "300117100", "290029000", "290088000", "230013000", "290212000", "300117000", "290210000", "290045000", "230011000", "300116000", "290209000", "300123000", "290063100", "300124000", "300115000", "300106000", "290065000", "230053000", "290063200", "290208000", "230014000", "290056000", "300125000", "290044000", "300107000", "230012000", "290064000", "290042000", "300108000", "300126000", "290093000", "300127000", "290092000", "230015000", "290057000", "300128000", "290063000", "290041000", "300129000", "290091000", "300130000", "290060000", "230044000", "290089000", "230016000", "300131000", "290207000", "290058000", "300108100", "290040000", "300132000", "290094000", "230017000", "300133000", "300139000", "290103000", "300139100", "230034000", "230054000", "290039000", "230039000", "230018000", "230043000", "290095000", "290030000", "290062000", "230020000", "230036000", "300138000", "230033000", "230057000", "290104000", "230018100", "290102000", "300137000", "230058000", "230019000", "230032000", "290090000", "290038000", "290059000", "230035100", "290061000", "300136000", "230058100", "290101000", "300135000", "290096000", "230062000", "230031000", "290037000", "290105000", "290097000", "300134000", "230063000", "290098000", "290100000", "290036000", "230030000", "300134100", "290106000", "230069000", "300144000", "290035000", "230027000", "290113000", "290034000", "230055000", "290185000", "230026000", "290107000", "230056000", "290099000", "230025000", "230070100", "300144200", "290114000", "230059000", "300151100", "290184000", "230068000", "290108000", "290117000", "230021500", "230060000", "230070200", "230021400", "290118000", "290186000", "300169000", "290112000", "230021100", "230070300", "230061000", "230021300", "290119000", "230074000", "230021200", "230064000", "290109000", "290122000", "230070000", "290183000", "230065000", "290189000", "290123000", "230021000", "230075000", "230029000", "290187000", "230076000", "230066000", "290124000", "230028000", "230130000", "230067000", "290111000", "290182000", "230024000", "290190000", "290171000", "290188000", "230024100", "230071000", "290130000", "300152100", "230072000", "290115000", "230023000", "230131100", "290124100", "300152000", "290172000", "290191000", "230130100", "290131000", "230191000", "290116000", "230023100", "230073100", "290181000", "290110000", "230131200", "290192000", "290132000", "230022100", "290120000", "300145000", "230073000", "230190000", "230131000", "230078000", "290194000", "230189000", "290121000", "230077000", "230022000", "300153000", "290173000", "230079000", "230130200", "230188000", "290195000", "230130300", "230083000", "230187000", "300146000", "290180000", "290193000", "290125000", "230084000", "290133000", "290221000", "290196000", "230186000", "290174000", "230132000", "230085001", "230185000", "290126000", "290197000", "230192000", "290199000", "290170000", "230184000", "230133000", "290175000", "290179000", "290129000", "290128000", "290134000", "300160000", "230183000", "230136000", "230137000", "290169000", "290222000", "230088000", "290198000", "230134000", "290233100", "230130400", "230080000", "290127000", "230182000", "290168000", "230088A00", "290176000", "230181000", "290167000", "290135000", "230089000", "300159100", "230135000", "230082000", "290166000", "230090000", "230082100", "290176100", "230130500", "290136000", "230168100", "290154000", "300160300", "300159200", "230081000", "290178200", "230180000", "300159300", "290164000", "290176200", "290223000", "290153000", "230130600", "300159400", "290152100", "290177000", "230091500", "230168000", "300160400", "230138000", "290165000", "300158000", "290224000", "230091400", "290152000", "230170000", "230091300", "230091200", "300158200", "290178100", "230130700", "290140000", "230091100", "290161000", "230091000", "230179000", "290139000", "300160200", "230139000", "300161000", "290137100", "230167000", "300158100", "230130800", "290178000", "290137000", "290141000", "290225000", "230093000", "230170100", "230178000", "290160000", "300160100", "230140000", "300158300", "290151000", "290155000", "290138000", "230166000", "230130900", "300162000", "290226000", "290226B00", "290226A00", "230092000", "300162A00", "230177000", "230170200", "230093100", "300162B00", "290234000", "230141000", "230092100", "2300921A0", "230092F00", "2300921C0", "2300921D0", "230092G00", "2300921B0", "230092E00", "230092H00", "290142000", "230095000", "230094800", "230128101", "230165000", "290232200", "290159000", "290226300", "300162C00", "290233000", "230096000", "290156000", "230176000", "290158000", "300163900", "290226400", "290143000", "230097000", "230128900", "230170300", "300162D00", "230142000", "290226500", "230128800", "230094900", "230164000", "300163101", "2301703A0", "230175000", "300163800", "300162E00", "290157000", "290144000", "290226600", "230128700", "300163700", "230098000", "300163600", "230094200", "230128600", "230170400", "300163110", "290228000", "230143000", "230094101", "300163500", "230174200", "230128500", "230163000", "300163400", "290145000", "2301704A0", "300163300", "230128400", "300163120", "290232300", "300163200", "230094110", "230174000", "230170500", "300163100", "230144000", "230128300", "290231000", "230099000", "290229000", "230162000", "230128200", "2301705A0", "230174100", "230128100", "290232400", "300167100", "230145000", "300166000", "290150000", "230100000", "290147000", "230161000", "230173000", "290232000", "230101000", "230146000", "290230000", "230124000", "300167000", "230160000", "230125000", "230126000", "300167200", "230148000", "230102000", "230147000", "230159000", "230172000", "300167300", "290232500", "230158000", "300168200", "230171000", "300168300", "230103000", "230157000", "300168100", "300168400", "230150000", "230149000", "300168500", "230156000", "230104000", "230105000", "230105100", "230105800", "240001000", "230105200", "230105300", "230105400", "240002000", "230105700", "230105500", "240003000", "230105600", "240004000", "230151000", "240005000", "240006000", "240007000", "240008000", "240009000", "240010000", "240011000", "230123000", "240012000", "240013000", "250127000", "300168000", "250002000", "250127100", "230152000", "250128000", "230122000", "250128100", "230153000", "230121000", "250129000", "230154000", "230120000", "230106000", "240025000", "240024000", "240023000", "240022000", "240021000", "240020000", "240017000", "240016000", "240019000", "240018000", "240015000", "240014000", "230155000", "230119000", "250130000", "230107000", "240122000", "240123000", "240124000", "230118000", "240125000", "250131000", "240126000", "230117000", "250131100", "240055000", "230108000", "240026000", "230116000", "240032000", "240054000", "230115000", "240127000", "240049000", "240051000", "240048000", "240050000", "230114100", "240205000", "240206000", "240047000", "230109000", "240128000", "240053000", "240204000", "250132100", "240203000", "250132000", "240129000", "230110000", "240033000", "250003000", "240027000", "240130000", "240052000", "240207000", "240046000", "240202000", "230111000", "230114000", "240131000", "240092000", "240208000", "240028000", "240201000", "230112000", "240209000", "240045000", "240132000", "240058000", "240059000", "240093000", "240034000", "230113000", "240057000", "240210000", "240200000", "240029000", "240133000", "240044000", "240056000", "240211000", "240199000", "240035000", "240094000", "240134000", "220195000", "240198000", "240212000", "240031000", "240135000", "240043000", "240213000", "240060000", "240197000", "240036000", "240136000", "240030000", "240081000", "240214000", "240137000", "240042000", "240196000", "240080000", "240095000", "240061000", "240215000", "240138000", "240037000", "240195000", "240091000", "240106000", "240082000", "240041000", "240216000", "240139000", "240194000", "240079000", "240096000", "240062000", "240038000", "240217000", "240140000", "240193000", "240107000", "240083000", "240039000", "240218000", "240141000", "240192000", "240063000", "240078000", "240108000", "240090000", "240097000", "240219000", "240040000", "240191000", "240142000", "240084000", "240143000", "240190000", "240220000", "240109000", "240064000", "240089000", "240077000", "240098000", "240144000", "240221000", "240189000", "240110000", "240188000", "240145000", "240065000", "240085000", "240222000", "240088000", "240111000", "240187000", "240146000", "240223000", "240076000", "240099000", "240066000", "240186000", "240147000", "240112000", "240224000", "240086000", "240148000", "240087000", "240185000", "240067000", "240225000", "240075000", "240100000", "240184000", "240149000", "240226000", "240068000", "240183000", "240150000", "240113000", "240227000", "240069000", "240074000", "240182000", "240151000", "240228000", "240070000", "240152000", "240181000", "240114000", "250004200", "240229000", "240073000", "240071000", "240180000", "240153000", "240230000", "240115000", "240154000", "240179000", "240072000", "250004100", "240231000", "240178000", "240155000", "240116100", "240232000", "240156000", "240177000", "240116000", "240233000", "240176000", "240157000", "240234000", "240117000", "240175000", "240158000", "240235000", "240159000", "240174000", "240118000", "240236000", "240173000", "240160000", "240237000", "240161000", "240172000", "240240000", "240238000", "240171000", "240162000", "240119000", "250007011", "240241000", "240239000", "240163000", "240170000", "240242000", "240169000", "240164000", "22B267000", "240243000", "240165000", "240168000", "22B266000", "240244000", "240166000", "250117000", "22B265000", "240245000", "240167000", "250118000", "22B264000", "250119000", "240246000", "250120000", "22B268000", "22B263000", "240247000", "250121000", "240248000", "22B269000", "22B262000", "250122000", "240249000", "22B297000", "250123000", "22B270000", "22B261000", "250124000", "22B271000", "22B296000", "22B260000", "250125000", "250125100", "22B272000", "22B295000", "22B259000", "250126300", "22B273000", "22B294000", "22B215000", "22B258000", "22B214000", "22B293000", "22B274000", "22B257000", "22B213000", "250126200", "22B212000", "250126100", "22B275000", "22B292000", "22B256000", "22B211000", "250126000", "22B210000", "22B276000", "22B291000", "22B255000", "22B209000", "22B277000", "22B254000", "22B290000", "22B208000", "22B217000", "22B207000", "22B289000", "22B278000", "22B218000", "22B279000", "22B321100", "22B253000", "22B288000", "22B321000", "22B219000", "22B320100", "22B287000", "22B280000", "22B320000", "22B220000", "22B252000", "22B286000", "22B281000", "22B221000", "22B322000", "22B251000", "22B285000", "22B222000", "22B082000", "22B250000", "22B282000", "22B323000", "22B223000", "22B249000", "22B283000", "22B224000", "22B248000", "22B284000", "22B324000", "22B247000", "22B319000", "22B225000", "22B246000", "22B226000", "22B325000", "22B318000", "22B245000", "22B227000", "22B326000", "22B317000", "22B228000", "22B327000", "22B316000", "22B229000", "22B243000", "22B230000", "22B315000", "22B328000", "22B314000", "22B241000", "22B329000", "22B313000", "22B330000", "22B239000", "22B312000", "22B331000", "22B238000", "22B334000", "22B311000", "22B237000", "22B333000", "22B310000", "22B332000", "22B236000", "22B235000", "250004000", "300024000", "290070300", "300044000", "300117300", "300095000", "300157000", "300154000", "300061100", "300032000", "300019D1B", "300019D1C", "300019D1D", "300019D2B", "300019F1B", "300019F2A", "300019F3B", "300019F4A", "300019H1A", "300019H2B", "300019H2C", "300019H2D", "300019J1A", "300019J2D", "300019J4D", "300019G2A", "300019G3A", "300019G4A", "300019G4B", "300019H3A", "300019H3B", "300019H4A", "300019H4B", "300019J2A", "300019J2B", "300019J3A", "300019J4A", "300019J4B", "30001952D", "30001961B", "30001963A", "30001964A", "30001972A", "30001974C", "30001981B", "30001984B", "30001984C", "300019A4A", "300019A4B", "300019A4C", "300019A4D", "300019B4C", "300019B4D", "300019C1A", "300019C1B", "300019C3A", "300019C3B", "300019C3C", "300019C3D", "300019F4B", "300019G1A", "300019G1B", "300019G2D", "300019G3D", "300019G4C", "300019G4D", "300019H3C", "300019H3D", "300019H4C", "300019H4D", "300019J1B", "300019J2C", "300019J3C", "300019J3D", "300019J4C", "30001912C", "30001912D", "30001913C", "30001914D", "30001923A", "30001924C", "30001931A", "30001932A", "30001933A", "30001934A", "30001941A", "30001943B", "30001943C", "30001943D", "30001951D", "30001961A", "30001962B", "30001962C", "30001962D", "30001963B", "30001972C", "30001974A", "30001982B", "30001984A", "30001984D", "300019A2A", "300019A2B", "300019A2C", "300019A2D", "300019B2D", "300019B3B", "300019B4A", "300019C2A", "300019C2B", "300019C2C", "300019C2D", "300019C4B", "300019D1A", "300019D3A", "300019D3C", "300019D3D", "300019E2D", "300019E4B", "300019F1A", "300019F2B", "300019F2C", "300019F2D", "300019F4C", "300019F4D", "300019G2B", "300019G2C", "300019G3B", "300019G3C", "300019H1B", "300019H2A", "300019J3B", "30001974B", "30001982A", "30001982D", "30001983C", "300019A1A", "300019A3B", "300019B1A", "300019B1B", "300019B2A", "300019B2B", "300019B3C", "300019B3D", "300019C4A", "300019C4C", "300019C4D", "300019D2A", "300019D2C", "300019D2D", "300019E3D", "300019F3C", "300019F3D", "300019000", "30001913A", "30001914B", "30001921B", "30001922C", "30001923B", "30001923C", "30001923D", "30001931B", "30001932B", "30001932D", "30001933C", "30001934C", "30001941B", "30001943A", "30001944B", "30001944D", "30001952C", "30001932C", "30001933B", "30001934B", "30001942C", "30001942D", "30001944C", "30001951C", "30001952A", "30001952B", "30001953C", "30001953D", "30001962A", "30001963C", "30001963D", "30001964C", "30001964D", "30001971A", "30001971B", "30001972D", "30001973C", "30001973D", "30001973A", "30001973B", "30001974D", "30001981A", "30001982C", "30001983A", "30001983B", "30001983D", "300019A1B", "300019A3A", "300019A3C", "300019A3D", "300019B2C", "300019B3A", "300019B4B", "300019D3B", "300019E1B", "300019E2B", "300019E3B", "300019E4D", "300019F3A", "30001914C", "30001922D", "30001924A", "30001924B", "30001912A", "30001912B", "30001913B", "30001913D", "30001914A", "30001921A", "30001922A", "30001922B", "30001924D", "30001933D", "30001934D", "30001942A", "30001942B", "30001944A", "30001951A", "30001951B", "30001953A", "30001953B", "30001964B", "30001972B", "300043000", "240105000", "240120201", "240120300", "240120800", "240120170", "240120400", "240120000", "240120100", "240120101", "240120140", "240120190", "240120200", "240120110", "240120130", "240120210", "240120600", "240120120", "240120150", "240120160", "240120180", "240120220", "240120230", "240120240", "240120500", "240120700", "240120900", "240104000", "240103000", "240121000", "240102000", "240101000", "300149000", "300155000", "300151000", "300156000", "300147000", "300155A00", "300148000", "300114000", "300101000", "300103000", "300113100", "300102000", "300113000", "300112100", "300109000", "300110000", "300111000", "300104000", "22B305000", "22B306000", "22B308000", "22B307000", "22B304000", "300112000", "300105000", "22B309000", "300062A00", "300062B00", "300062C00", "300062D00", "300062E00", "300062F00", "300062M00", "300062L00", "300062K00", "300062J00", "300062I00", "300062H00", "300062N00", "300062P00", "300062O00", "300062G00", "300062000", "300062Q00", "230094500", "230094700", "230094400", "250005000", "250005B00", "250005C00", "300036100", "230094100", "230094000", "230128000", "22B303000", "22B301000", "22B300000", "22B299000", "22B231000", "22B298000", "22B302000", "290232100", "290233300", "300144100", "300144101", "300140000", "300141000", "230094300", "300058000", "290200000", "290219000", "290218000", "290201000", "290202000", "290217000", "290216000", "290203000", "290215000", "290204000", "290213000", "290206000", "290214000", "290205000", "290220000", "290233200", "230035000", "300042000", "300041000", "300039000", "300038000", "300037000", "300040000", "300040100", "22B203000", "22B204000", "22B205000", "22B206000", "22B200000", "22B201100", "22B201000", "22B202100", "22B202000", "22B200100", "22B199000", "22B203100", "22B199100", "300081000", "300080000", "300079000", "300075000", "300083000", "300082000", "230052000", "230049000", "230048000", "230047000", "230046000", "230045000", "230042000", "230038000", "230037000", "230041000", "230040000", "230051000", "230050000", "300088000", "22B198000", "22B197000", "22B196000", "22B195000", "22B335000", "22B336000", "22B337000", "22B338000", "22B339000", "22B342000", "22B340000", "22B341000", "22B232000", "22B234000", "22B233100", "22B233000", "22B350A00", "250007000", "250007001", "250007002", "250007003", "250007004", "250007005", "250007006", "250007010", "250007014", "250007013", "250007012", "250007007", "250007008", "250007009", "300099000", "230085000", "230087000", "230086000"]; }3a:T748,subdivisions = { return { "210111001": "210111000", "200261100": "200261000", "180037001": "180037000", "190010001": "190010000", "200063001": "200063000", "200022001": "200022000", "200022002": "200022000", "200019002": "200019000", "200025001": "200025000", "200025002": "200025000", "200025003": "200025000", "210133100": "210133000", "210132100": "210132000", "21A100001": "21A100000", "21A100002": "21A100000", "21A100003": "21A100000", "21A100004": "21A100000", "21A100005": "21A100000", "21A100006": "21A100000", "21A100007": "21A100000", "220024000": "220023000", "21A028A00": "21A028000", "21A130600": "200271000", "21A130100": "200271000", "21A131600": "200271000", "21A131400": "200271000", "21A146100": "200271000", "21A146200": "200271000", "21A146400": "200271000", "21A130200": "200271000", "21A130300": "200271000", "21A131300": "200271000", "21A146300": "200271000", "21A131200": "200271000", "21A131100": "200271000", "21A130400": "200271000", "21A130500": "200271000", "21A131500": "200271000", "200267300": "200271000", "200269400": "200271000", "200270400": "200271000", "200268300": "200271000", "200269200": "200271000", "200271400": "200271000", "200268200": "200271000", "200270200": "200271000", "200268400": "200271000", "200269100": "200271000", "200266300": "200271000", "200270100": "200271000", "200267100": "200271000", "200268100": "200271000", "200267400": "200271000", "200271100": "200271000", "200271300": "200271000", "200267200": "200271000", "200271200": "200271000", "200266400": "200271000", "200269300": "200271000", "200270300": "200271000", "200266200": "200271000", } }3b:Tb53,export_filter = {/* var clone = { parcels : { type: "FeatureCollection", features: _.clone(filter.parcels.features) }, assessments: {type: "FeatureCollection", features: []}, residential_data: {type: "FeatureCollection", features: []}, commercial_data: {type: "FeatureCollection", features: []}, } for(var x in clone.parcels.features){ delete clone.parcels.features[x].properties.FileType; delete clone.parcels.features[x].properties.GeoParcelIdentificationNumber; delete clone.parcels.features[x].properties.IsMultiParcelPolygon; delete clone.parcels.features[x].properties.Label; delete clone.parcels.features[x].properties.LegalDescription; delete clone.parcels.features[x].properties.LotSquareFeet; delete clone.parcels.features[x].properties.MapPage; delete clone.parcels.features[x].properties.ModifiedDate; delete clone.parcels.features[x].properties.OBJECTID; delete clone.parcels.features[x].properties.OwnerAddress; delete clone.parcels.features[x].properties.OwnerCityState; delete clone.parcels.features[x].properties.OwnerName; delete clone.parcels.features[x].properties.OwnerZipCode; delete clone.parcels.features[x].properties.Residence; delete clone.parcels.features[x].properties.TaxYear; delete clone.parcels.features[x].properties.Text; if(typeof clone.parcels.features[x].properties.ResidentialDetails !== 'undefined'){ delete clone.parcels.features[x].properties.ResidentialDetails.Basement; delete clone.parcels.features[x].properties.ResidentialDetails.BasementGarage; delete clone.parcels.features[x].properties.ResidentialDetails.BasementType; delete clone.parcels.features[x].properties.ResidentialDetails.Basement; delete clone.parcels.features[x].properties.ResidentialDetails.ExternalWalls; delete clone.parcels.features[x].properties.ResidentialDetails.FinishedBasement; delete clone.parcels.features[x].properties.ResidentialDetails.Fireplace; delete clone.parcels.features[x].properties.ResidentialDetails.Flooring; delete clone.parcels.features[x].properties.ResidentialDetails.FullBathrooms; delete clone.parcels.features[x].properties.ResidentialDetails.Grade; delete clone.parcels.features[x].properties.ResidentialDetails.HalfBathrooms; delete clone.parcels.features[x].properties.ResidentialDetails.Heating; delete clone.parcels.features[x].properties.ResidentialDetails.NumberOfStories; delete clone.parcels.features[x].properties.ResidentialDetails.RecordID_Int; delete clone.parcels.features[x].properties.ResidentialDetails.Roof; delete clone.parcels.features[x].properties.ResidentialDetails.Style; delete clone.parcels.features[x].properties.ResidentialDetails.TotalRooms; } } //console.log(clone) console.log(JSON.stringify(clone)) */}3c:[] 2f:{"id":"57dff1bc2088b000","slug":"fifeville-assessment-data","title":"Fifeville Assessment Data","thumbnail":"e1bd806f58ece18967c8de8c9a7507844f69c4fff175ef23568ab7fabefe4ce5","access_level":"public","create_time":"$D2019-04-30T16:51:08.067Z","update_time":"$D2021-06-16T16:14:34.809Z","view_time":null,"first_public_time":"$D2019-05-03T23:44:58.250Z","fork":{"id":"ae6c3a0e19835e3a","slug":"frys-spring-assessment-data","title":"Fry's Spring Assessment Data","owner":{"id":"80a152de5519610c","login":"rorystolzenberg","name":"Rory Stolzenberg"}},"stars":0,"starred":false,"owner":{"type":"team","id":"80a152de5519610c","login":"rorystolzenberg","name":"Rory Stolzenberg","avatar_url":"https://avatars-next.observableusercontent.com/c360e2fec7e4b4fd695b5d26154fb359993edd7a6e876054d694af6f7d0c3cc3","tier":"starter_2024"},"version":3135,"publish_version":3135,"role":null,"authored":false,"authors":[{"type":"individual","id":"14c316a4626aa091","login":"rorystolzenberg","name":"Rory Stolzenberg","avatar_url":"https://avatars-next.observableusercontent.com/c360e2fec7e4b4fd695b5d26154fb359993edd7a6e876054d694af6f7d0c3cc3","tier":null}],"members":[{"type":"individual","id":"14c316a4626aa091","login":"rorystolzenberg","name":"Rory Stolzenberg","avatar_url":"https://avatars-next.observableusercontent.com/c360e2fec7e4b4fd695b5d26154fb359993edd7a6e876054d694af6f7d0c3cc3","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Fifeville Assessment Data","cells":[{"id":0,"value":"md`# Fifeville Assessment Data\n## Home Type, Square Footage, and Value — 2010-2019`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1710,"value":"md`# Assessment Map`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1714,"value":"md`### Map Options`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1546,"value":"viewof ASSESSMENT_TYPE = select({\n title: \"Assessment\",\n description: \"Select total, improvements, or land.\",\n options: [\n { label: \"Total\", value: \"TotalValue\" },\n { label: \"Improvements\", value: \"ImprovementValue\" },\n { label: \"Land\", value: \"LandValue\" }\n ],\n value: \"Assessment\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1466,"value":"ROTATE","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":525,"value":"viewof speed = slider({\n min: 1,\n max: 10,\n step: 1,\n value: 4,\n format: \"\",\n attributes: {style: \"padding-left: 100px\"},\n title: 'Speed',\n description:\n \"Set animation speed.\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1408,"value":"YEAR = slider({\n min: 2002,\n max: 2019,\n step: 1,\n value: 2019,\n format: \"\",\n title: 'Year',\n description:\n \"Select a map year to display.\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":552,"value":"viewof map_display = Generators.observe(next => {\n next(maps[YEAR.value][ASSESSMENT_TYPE]);\n \n const inputted = () => {\n var map = maps[YEAR.value][ASSESSMENT_TYPE];\n if(typeof map === 'string' && map.indexOf(\"Loading\") !== -1){\n maps[YEAR.value][ASSESSMENT_TYPE] = createMap(YEAR.value, ASSESSMENT_TYPE)\n }\n return next(maps[YEAR.value][ASSESSMENT_TYPE]);\n };\n YEAR.addEventListener(\"input\", inputted);\n YEAR.dispatchEvent(new CustomEvent(\"input\", { bubbles: true }));\n return () => YEAR.removeEventListener(\"input\", inputted);\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1723,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1703,"value":"md`# Scatterplot`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1718,"value":"md`### Scatterplot Options`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1343,"value":"viewof Y_AXIS = select({\n title: \"Y Axis: \",\n description: \"Pick a Y axis.\",\n options: [\n { label: \"Assessment\", value: \"Assessment\" },\n { label: \"Assessment/sqft\", value: \"AssessmentPsf\" },\n { label: \"Square Feet\", value: \"Sqft\" }\n ],\n value: \"Assessment\"\n})\n/*html`\n\n`*/","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1373,"value":"viewof COLOR_KEY = select({\n title: \"Color Dimension: \",\n description: \"Pick a color dimension.\",\n options: [\n { label: \"Home Type\", value: \"UseCode\" },\n { label: \"Assessment\", value: \"Assessment\" },\n { label: \"Assessment/sqft\", value: \"AssessmentPsf\" },\n { label: \"Square Feet\", value: \"Sqft\" },\n ],\n value: \"UseCode\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2894,"value":"MAX_Y_SLIDER","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1262,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2849,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2065,"value":"md`## Use Map`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1908,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2996,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3104,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1749,"value":"md`---\n\n---\n\n---\n## Source`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2767,"value":"import {_, AXES, MAX_Y_SLIDER, ROTATE, BACKGROUND_COLOR, TEXT_COLOR, LATEST_YEAR, ASSESSMENTS_URL, RESIDENTIAL_URL, COMMERCIAL_URL, toggleRotate, map_rotate, map_display, map_yr_built, map_tooltip, usemap_tooltip, plot_tooltip, tooltip, tooltipString, onMousemove, addMeanLine, addMedianLine, iterateResidences, iterateCommercial, iterateTaxYears, getAssessmentPsf, getSqft, getUseCode, getYearBuilt, parcels, assessments, residential_data, commercial_data}\nwith {DARK_MODE as DARK_MODE, CACHE as CACHE, EVEN_MORE_CACHE as EVEN_MORE_CACHE, PARCELS_URL as PARCELS_URL, filter as filter, Y_AXIS as Y_AXIS, YEAR as YEAR}\nfrom \"@rorystolzenberg/frys-spring-assessment-data\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2804,"value":"GEOGRAPHY = \"Fifeville\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1772,"value":"DARK_MODE = true;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2412,"value":"EVEN_MORE_CACHE = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1643,"value":"CACHE = false","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1762,"value":"FILTER_CACHE_URL = \n\"https://gist.githubusercontent.com/RoryStolzenberg/f627c33ea355d01cc3b29113989c101d/raw/cef3ae4500891f77c5de011836d43978295e043a/frys%2520spring%2520parcels%25202019-04-29.json\"\n//\"https://gist.githubusercontent.com/RoryStolzenberg/4f5efe7ceb972e463f29f0585d2db983/raw/aaf08ce4c61de14b0e66520f150e06cc0a298e93/frys%2520spring%2520parcels%25202019-04-25.json\"\n//\"https://gist.githubusercontent.com/RoryStolzenberg/c30bbee137a974fdc4e5f526cffcb8f9/raw/5d048237046d76f049197b94f9cdc0ed1400821b/frys%2520spring%2520parcels%2520assessments%2520residential.json\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":143,"value":"filter = {\n if(EVEN_MORE_CACHE)\n return d3.json(FILTER_CACHE_URL);\n \n var results = {\n parcels: _.clone(parcels),\n assessments: _.clone(assessments),\n residential_data: _.clone(residential_data),\n commercial_data: _.clone(commercial_data),\n }\n results.parcels.features = results.parcels.features.filter(function(d){\n return frysspring.indexOf(d.properties.ParcelNumber) !== -1;\n });\n results.assessments.features = results.assessments.features.filter(function(d){\n return frysspring.indexOf(d.properties.ParcelNumber) !== -1;\n });\n results.residential_data.features = results.residential_data.features.filter(function(d){\n return frysspring.indexOf(d.properties.ParcelNumber) !== -1;\n });\n iterate(results)\n return results;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":242,"value":"yrs = {\n var years = {\n \"2002\": [],\n \"2003\": [],\n \"2004\": [],\n \"2005\": [],\n \"2006\": [],\n \"2007\": [],\n \"2008\": [],\n \"2009\": [],\n \"2010\": [],\n \"2011\": [],\n \"2012\": [],\n \"2013\": [],\n \"2014\": [],\n \"2015\": [],\n \"2016\": [],\n \"2017\": [],\n \"2018\": [],\n \"2019\": [],\n }\n /*for(var x in years){\n var assessments = _.clone(filter.assessments)\n years[x] = assessments.features.filter(function(d){\n return d.properties.TaxYear == x;\n })\n }*/\n return years;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2687,"value":"iterate = function(filter){\n iterateTaxYears(filter);\n iterateResidences(filter);\n iterateCommercial(filter);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1513,"value":"missing = {\n var missing = _.clone(yrs);\n //for(var i in missing) missing[i] = [];\n return missing;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1510,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2912,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2,"value":"maps = function(width){\n const maps = {}\n var types = [\"TotalValue\", \"ImprovementValue\", \"LandValue\"];\n for(var x in yrs){\n maps[x] = {};\n for(var y in types){\n maps[x][types[y]] = \"Loading \"+x+\" map...\";\n }\n }\n console.log(missing)\n return maps;\n}(width)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2888,"value":"map_rotate","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2812,"value":"MAX_Y = Generators.observe(next => {\n next(MAX_Y_SLIDER.value);\n \n const inputted = () => {\n return next(MAX_Y_SLIDER.value);\n };\n MAX_Y_SLIDER.addEventListener(\"input\", inputted);\n return () => MAX_Y_SLIDER.removeEventListener(\"input\", inputted);\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":108,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2345,"value":"md`### Year Built`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":602,"value":"map_yr_built","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2341,"value":"md`### Residential Streets by Home Types`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2091,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":65,"value":"turf = require('https://npmcdn.com/@turf/turf/turf.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1629,"value":"import {radio, select, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\", \"d3-color\", \"d3-scale\", \"d3-scale-chromatic\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1639,"value":"async = require(\"async\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1813,"value":"d3_select = { \n return d3.selection.prototype.selectAppend = function(name) {\n var select = d3.selector(name),\n create = d3.creator(name);\n return this.select(function() {\n return select.apply(this, arguments)\n || this.appendChild(create.apply(this, arguments)); \n });\n };\n};","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1648,"value":"//PARCELS_URL = \"https://gist.githubusercontent.com/RoryStolzenberg/8fea9c5fc502828cde137474761a5ad7/raw/e6dbcaefcf005c66a20b25914635fddc072c7bc2/parcels.json\";\nPARCELS_URL = \"https://opendata.arcgis.com/datasets/0e9946c2a77d4fc6ad16d9968509c588_72.geojson\";","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":1680,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":648,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":721,"value":"public_spaces = {\n return[\"190034000\", \"180039400\", \"200066000\", \"180038000\", \"210089000\", \"210087000\", \"190032000\", \"190032100\", \"190033000\", \"190080000\", \"190035390\", \"190035250\", \"190010100\", \"18A046000\", \"200278000\", \"21B001000\", \"21B016000\", \"21A129000\", \"200271000\"]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":729,"value":"commercial = {\n return [\"21B004600\", \"21B004100\", \"21B004400\", \"21B004500\", \"21B003000\", \"21B003A00\", \"21B004700\", \"21B002100\", \"21B004000\", \"21B002A00\", \"21B002200\", \"21B004200\", \"21B002000\"]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":732,"value":"vacant = {\n return [\"21A100002\", \"21A100003\", \"21A100004\", \"21A100005\", \"21A100006\", \"21A100007\", \"200121000\", \"200122000\", \"200125000\", \"200126000\", \"200129000\", \"200131100\", \"200131200\", \"200142000\", \"200143000\", \"200144000\", \"200145000\", \"200146000\", \"200147000\", \"200148000\", \"200196000\", \"200259260\", \"200259270\", \"200259280\", \"200259290\", \"200259301\", \"200259310\", \"200259320\", \"200259330\", \"200259340\", \"200259350\", \"200259370\", \"200259380\"];\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":2308,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W3c","stdlib":"1","titling":"auto"}} 30:"$2f:body"