V3 / Amanda Huynh | Observable

Amanda Huynh

Workspace

Public

Edited

Mar 22, 2023

averageSalaryMap(us)

averageSalaryMap = (us) => {

const svg = d3.create("svg")

.attr("width", chloroplethMapWidth)

.attr("height", chloroplethMapHeight)

.attr("viewBox", [0, 0, 2400, chloroplethMapHeight]);

const averageTeacherSalaryFileType = "Average Teacher Salary By State in ";

const str = averageTeacherSalaryFileType + averageSalaryYearFilter;

// Info Window Text

const infoWindowText = svg.append("text")

.attr("x", 15)

.attr("y", 15)

.attr("transform", "translate(985,110)")

.attr("font-size", 18)

let rank;

let topFiveStates;

let bottomFiveStates;

let notableTeacherStrikesText = "";

let notableTeacherStrikesTextPart2 = "";

let notableTeacherStrikesTextPart3 = "";

let notableTeacherStrikesFacts = "";

let notableTeacherStrikesFactsPart2 = "";

let notableTeacherStrikesFactsPart3 = "";

let notableTeacherStrikesFactsPart4 = "";

let notableTeacherStrikesFactsPart5 = "";

let notableTeacherStrikesFactsPart6 = "";

let notableTeacherStrikesFactsPart7 = "";

if (str === averageTeacherSalaryFileType + "2010") {

rank = avgTeacherSalaryRank2010.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2010.entries())

.sort((a, b) => b[1] - a[1])

.slice(0, 5)

.reverse()

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2010.entries())

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([state, rank]) => state)

notableTeacherStrikesText = "Arizona, California, Michigan, Pennsylvania";

} else if (str === averageTeacherSalaryFileType + "2011") {

rank = avgTeacherSalaryRank2011.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2011.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2011.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "California, Chicago, New York, Wisconsin";

notableTeacherStrikesFacts = "Wisconsin's Act 10 on Collective Bargaining.";

} else if (str === averageTeacherSalaryFileType + "2012") {

rank = avgTeacherSalaryRank2012.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2012.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2012.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Chicago, Idaho";

notableTeacherStrikesFacts = "- Chicago's 600+ school closure during strikes.";

notableTeacherStrikesFactsPart2 = "- Wisconsin's Recall Governor Elections & Unions.";

notableTeacherStrikesFactsPart3 = "- Michigan's Right to Work (24th state to pass law).";

} else if (str === averageTeacherSalaryFileType + "2013") {

rank = avgTeacherSalaryRank2013.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2013.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2013.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Michigan, Pennsylvania, Washington";

notableTeacherStrikesFacts = "- Chicago's closure of 49 schools in low-income,";

notableTeacherStrikesFactsPart2 = "minority neighborhoods.";

} else if (str === averageTeacherSalaryFileType + "2014") {

rank = avgTeacherSalaryRank2014.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2014.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2014.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Chicago, Oregon, Washington, West Virginia";

notableTeacherStrikesFacts = "- Seattle's 50+ school closure during strikes.";

notableTeacherStrikesFactsPart2 = "- Chicago's 600+ school closure during strikes.";

} else if (str === averageTeacherSalaryFileType + "2015") {

rank = avgTeacherSalaryRank2015.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2015.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2015.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Chicago, Minnesota, Oklahoma, Washington";

} else if (str === averageTeacherSalaryFileType + "2016") {

rank = avgTeacherSalaryRank2016.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2016.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2016.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Massachusetts";

notableTeacherStrikesFacts = "- Supreme Court Friedrichs v. California Teachers";

notableTeacherStrikesFactsPart2 = "Association Case on Union Fees.";

notableTeacherStrikesFactsPart3 = "- Presidential Election & Education Policies.";

notableTeacherStrikesFactsPart4 = "- New Secretary of Education.";

} else if (str === averageTeacherSalaryFileType + "2017") {

rank = avgTeacherSalaryRank2017.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2017.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2017.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Arizona, Colorado, Kansas, Kentucky";

notableTeacherStrikesTextPart2 = "Massachusetts, Michigan, North Carolina,";

notableTeacherStrikesTextPart3 = "Oklahoma, Washington, West Virginia";

} else if (str === averageTeacherSalaryFileType + "2018") {

rank = avgTeacherSalaryRank2018.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2018.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2018.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Arizona, Colorado, Kentucky, North Carolina,";

notableTeacherStrikesTextPart2 = "Oklahoma, West Virginia";

notableTeacherStrikesFacts = "- Arizona: State approves 20% pay raise by 2020";

notableTeacherStrikesFactsPart2 = "(not in effect until following year)."

notableTeacherStrikesFactsPart3 = "- Michigan's 80+ school closure during strikes.";

notableTeacherStrikesFactsPart4 = "- Oklahoma: Approved $6,000 pay raise"

notableTeacherStrikesFactsPart5 = "(not in effect until following year).";

notableTeacherStrikesFactsPart6 = "- West Virginia: Approved 5% pay increase";

notableTeacherStrikesFactsPart7 = "(not in effect until following year).";

} else if (str === averageTeacherSalaryFileType + "2019") {

rank = avgTeacherSalaryRank2019.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2019.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2019.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "California, Colorado, Kentucky, West Virginia";

} else if (str === averageTeacherSalaryFileType + "2020") {

rank = avgTeacherSalaryRank2020.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2020.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2020.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "Arizona, California, Chicago, Colorado, Nevada";

notableTeacherStrikesFacts = "COVID-Related Strikes."

} else if (str === averageTeacherSalaryFileType + "2021") {

rank = avgTeacherSalaryRank2021.get(name);

bottomFiveStates = Array.from(avgTeacherSalaryRank2021.entries())

.sort((a, b) => d3.descending(a[1], b[1]))

.slice(0, 5)

.map(([state, rank]) => state);

topFiveStates = Array.from(avgTeacherSalaryRank2021.entries())

.filter(([key, value]) => value > 0)

.sort((a, b) => a[1] - b[1])

.slice(0, 5)

.map(([key, value]) => key)

notableTeacherStrikesText = "California, Chicago, Minnesota, Oregon, Virginia";

notableTeacherStrikesFacts = "COVID-Related Strikes."

}

infoWindowText.text(name)

.append("tspan")

.attr("x", 0)

.attr("y", 0)

.attr("dy", "1.2em")

.text("TOP 5 STATES");

topFiveStates.forEach((state, index) => {