2b:null 2c:["$","title",null,{"children":"Canada's Language Diversity | Sooa Mo | Observable"}] 31:T441,**The visualization includes:** *Comparisons across the Canadian provinces* 1. Map showing population % change or place or birth 2. Population trends for Canada's provinces across the years 3. Official and non-official language category distribution 4. Mother tongue languages 5. Ethnic background distribution *Compare among British Columbia, Ontario and Quebec* 1. Top 10 non-official mother tongue 2. Detail graph **Proposed questions that our visualization aims to address:** Main question: **where do new immigrants settle in Canada?** Sub questions: - How does language diversity vary across Canada, and what factors influence this diversity? - How has immigration impacted the linguistic landscape of Canada over time? - What are the most common non-official mother tongues in Canada? - How do the numbers of official and non-official languages compare across different regions of Canada? - How does the distribution of non-official languages in the most populous provinces compare with each other? - Does immigration affect the types of cultural communities that are created?32:T47d,
Map Visualization
**Encoding**: - ***Pop % change***: quantitative data, color - ***Pop count (thousands)***: quantitative data, tooltip - ***GeoJSON***: geometry displayed on map - ***GEOGRAPHIC NAME***: nominal data, tooltip
Population Line Charts
**Encoding**: - ***YEAR(S)***: temporal data, x-axis - *(CHARACTERISTIC) **Population % change***: quantitative data, y-axis, or - *(CHARACTERISTIC) **Population in thousands***: quantitative data, y-axis - ***GEOGRAPHIC NAME***: nominal data, color
Language Bar Charts
**Encoding**: - *(Official/non-official lang. charts) **TOTAL***: quantitative data, y-axis area, tooltip - *(Official lang. chart) **Official language type***: nominal data, x-axis - *(Non-official lang. chart) **Non-official language category***: nominal data, x-axis - *(Specific lang.) **TOTAL***: quantitative data, x-axis area, tooltip - *(Specific lang.) **GEOGRAPHIC NAME***: nominal data, color
Ethnicity Bar Chart
**Encoding**: - *(TOTAL) **Population count***: quantitative data, x-axis area - *(TYPE) **Language***: nominal data, y-axis - ***GEOGRAPHIC NAME***: nominal data, color33:T492,### Top 10 of the Non-official Mother tongue in British Columbia, Ontario and Quebec by Sooa The graph below is not associated with the map. Only British Columbia, Ontario, and Quebec are compared. If you brush the line graph, you can see the percentage of draged year. Why choose and compare three regions: - Ontario and Quebec were chosen to compare English-speaking regions with French-speaking regions. - Ontario and British Columbia are the two most English-speaking regions. Even if it is an area that uses more English than French, it would be good to compare because the language used is different due to differences in distance, culture, and race. #### Interaction The line graph shows the change over time, while the graph below shows the percentage of languages in each region. The size of the circle points in the line graph represents the number of people who speak that language. You can also hover over a point to see a tooltip. If you're curious about the percentage for a particular year, you can drag it on the line graph. If you want to compare only certain languages, you can select the color of the language you want on the percentage graph. 34:T1258,viewof nonOfficialMotherLine = { const brush = vl.selectInterval().encodings('x').resolve('intersect'); const click = vl.selectPoint().encodings('color'); const nonOfficialMotherBC = vl.markLine({'point': true}) .data(MotherTongue) .transform( vl.filter(click), vl.filter('datum["GEOGRAPHYNAME"] == "British Columbia" ') ) .params(brush) .encode( vl.y().fieldQ('TOTAL').title(null).scale({domain: [0, 380000]}), vl.x().fieldN('YEAR').title("British Columbia"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors})), vl.size().field('TOTAL').aggregate("mean"), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) const nonMotherChangeBC = vl.markBar({'point': true}) .data(MotherTongue) .transform( vl.filter(brush), vl.filter('datum["GEOGRAPHYNAME"] == "British Columbia" ') ) .params(click) .encode( vl.y().fieldN('GEOGRAPHYNAME').title(null), vl.x().fieldQ('TOTAL').stack('normalize').title("Non-official Mother Tongue Percentage"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors}).legend({gridAlign: 'all'})), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) const nonOfficialMotherON = vl.markLine({'point': true}) .data(MotherTongue) .transform( vl.filter(click), vl.filter('datum["GEOGRAPHYNAME"] == "Ontario" ') ) .params(brush) .encode( vl.y().fieldQ('TOTAL').title(null).scale({domain: [0, 380000]}), vl.x().fieldN('YEAR').title("Ontario"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors})), vl.size().field('TOTAL').aggregate("mean"), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) const nonMotherChangeON = vl.markBar({'point': true}) .data(MotherTongue) .transform( vl.filter(brush), vl.filter('datum["GEOGRAPHYNAME"] == "Ontario" ') ) .params(click) .encode( vl.y().fieldN('GEOGRAPHYNAME').title(null), vl.x().fieldQ('TOTAL').stack('normalize').title("Non-official Mother Tongue Percentage"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors}).legend({gridAlign: 'all'})), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) const nonOfficialMotherQC = vl.markLine({'point': true}) .data(MotherTongue) .transform( vl.filter(click), vl.filter('datum["GEOGRAPHYNAME"] == "Quebec" ') ) .params(brush) .encode( vl.y().fieldQ('TOTAL').title(null).scale({domain: [0, 380000]}), vl.x().fieldN('YEAR').title("Quebec"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors})), vl.size().field('TOTAL').aggregate("mean"), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) const nonMotherChangeQC = vl.markBar({'point': true}) .data(MotherTongue) .transform( vl.filter(brush), vl.filter('datum["GEOGRAPHYNAME"] == "Quebec" ') ) .params(click) .encode( vl.y().fieldN('GEOGRAPHYNAME').title(null), vl.x().fieldQ('TOTAL').stack('normalize').title("Non-official Mother Tongue Percentage"), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors}).legend({gridAlign: 'all'})), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.25*width) return vl.hconcat(vl.vconcat(nonOfficialMotherBC, nonMotherChangeBC), vl.vconcat(nonOfficialMotherON, nonMotherChangeON), vl.vconcat(nonOfficialMotherQC, nonMotherChangeQC)).config({legend: {orient: 'bottom', columns: 4, layout: {bottom: {anchor: 'middle'}}}}).render(); }35:T6c5,viewof nonOfficialMotherMar = { const brush = vl.selectInterval().encodings('x').resolve('intersect'); const click = vl.selectPoint().encodings('color'); const nonMotherBar = vl.markBar({'point': true}) .data(MotherTongue) .transform( vl.filter('datum["GEOGRAPHYNAME"] == "'+ provinceShowType + '"'), vl.filter('datum["YEAR"] == "' + yearShowType + '"')) .params(click) .encode( vl.y().fieldN('CHARACTERISTIC').title(null), vl.x().fieldQ('TOTAL').title(provinceShowType + "'s detail '").scale({domain: [0, 380000]}), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors})), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ) .width(.40*width) const detailChart = vl.markCircle() .data(MotherTongue) .transform( vl.filter(click), vl.filter('datum["YEAR"] == "' + yearShowType + '"') ) .encode( vl.y().fieldN('GEOGRAPHYNAME').title(null), vl.x().fieldQ("TOTAL").title("Compare with BC,ON and QC in ' " + yearShowType + " '").scale({domain: [0, 380000]}), vl.color().value('lightgray').if(click, vl.color().fieldN('CHARACTERISTIC').scale({domain: topNonOffLanguage, range: topNonOffColors})), vl.size().fieldQ('TOTAL'), vl.tooltip([ {field: 'CHARACTERISTIC'}, {field: 'TOTAL'}, {field: 'YEAR'}, {field: 'GEOGRAPHYNAME'} ]) ).width(.40*width) .height(.20*width) return vl.vconcat(nonMotherBar,detailChart).config({legend: {orient: 'bottom', columns: 4, layout: {bottom: {anchor: 'middle'}}}}).render(); }36:T520,In our initial user tests, we found that users were able to utilise our visualizations to explore the data. They were using the visualizations to compare the different data and found out patterns through those comparisons, for example, provinces that had more population also had more language/cultural diversity. However, the data question and scope may have been quite broad initially, which caused some issues with comprehension at the start. We have added in clarifications and pointers along the way. There were also times when users were expecting interactions when there were none, so, we added in some pointers along the dashboard to indicate how to interact with the different views. Additionally, the map and line charts were both used to filter the data, but did not necessarily work both ways. In the dashboard, there were also issues with the colour encoding as the first two language charts used different colour schemes. In the end, these charts were changed to bar charts where the different categories were represented by their position along the x-axis. The visualizations that compared Quebec, Ontario, and British Columbia were originally separated, and this made it difficult to compare the provinces. Therefore, this was changed so that all of the provinces could be seen and then compared.37:T5aa,## Conclusion Ontario has experienced the highest population growth, followed by Quebec and then British Columbia. An examination of the birth rate reveals that Ontario attracts immigrants from a wide range of countries and also has a higher rate of childbirth. British Columbia, on the other hand, has a higher number of immigrants from Oceania and other parts of the world. These visualizations of immigration patterns shows that people speaking a variety of languages are coming to Canada. To gain further insights, we compared the top 10 non-official mother tongue languages by region. Although we only examined British Columbia, Ontario, and Quebec, the language distribution in these three regions varied significantly. Arabic and Spanish were predominant in Quebec. In Ontario, Italian was strong, but recently there has been an increase in the number of people who speak Cantonese and Punjabi. Although Punjabi and Cantonese were common in British Columbia, the other languages differed from those in Ontario. Canada is known for having a diverse population, along with this diversity, we aimed to explore correlations between immigration and language. Through our visualizations, we were able to find that Canada's diversity of languages is closely linked to its increasing immigrant population. Ultimately, our visualizations enable users to see, find, and compare patterns relating to language and immigration/population across Canada.38:T170b,nonlanguageGroups = [ ["Algonquian languages", "Blackfoot", "Cree-Innu languages", "Atikamekw", "Cree languages", "Ililimowin (Moose Cree)", "Inu Ayimun (Southern East Cree)", "Iyiyiw-Ayimiwin (Northern East Cree)", "Nehinawewin (Swampy Cree)", "Nehiyawewin (Plains Cree)", "Nihithawiwin (Woods Cree)", "Cree, n.o.s.", "Innu (Montagnais)", "Naskapi", "Eastern Algonquian languages", "Mi'kmaq", "Wolastoqewi (Malecite)", "Ojibway-Potawatomi languages", "Anicinabemowin (Algonquin)", "Oji-Cree", "Ojibway languages", "Anishinaabemowin (Chippewa)", "Daawaamwin (Odawa)", "Saulteau (Western Ojibway)", "Ojibway, n.o.s.", "Algonquian languages, n.i.e.", "Athabaskan languages", "Northern Athabaskan languages", "Dakelh (Carrier)", "Dane-zaa (Beaver)", "Dene, n.o.s.", "Gwich'in", "Slavey-Hare languages", "Deh Gah Ghotie Zhatie (South Slavey)", "Satuotine Yati (North Slavey)", "Slavey, n.o.s.", "Tahltan languages", "Kaska (Nahani)", "Tahltan", "Tlicho (Dogrib)", "Tse'khene (Sekani)", "Tsilhqot'in (Chilcotin)", "Tsuu T'ina (Sarsi)", "Tutchone languages", "Northern Tutchone", "Southern Tutchone", "Tutchone, n.o.s.", "Wetsuwet'en-Babine", "Tlingit", "Athabaskan languages, n.i.e.", "Haida", "Inuktut (Inuit) languages", "Inuinnaqtun (Inuvialuktun)", "Inuinnaqtun", "Inuvialuktun", "Inuktitut", "Inuktut (Inuit) languages, n.i.e.", "Iroquoian languages", "Cayuga", "Mohawk", "Oneida", "Iroquoian languages, n.i.e.", "Ktunaxa (Kutenai)", "Michif", "Salish languages", "Halkomelem", "Lillooet", "Ntlakapamux (Thompson)", "Secwepemctsin (Shuswap)", "Squamish", "Straits", "Syilx (Okanagan)", "Salish languages, n.i.e.", "Siouan languages", "Assiniboine", "Dakota", "Stoney", "Siouan languages, n.i.e.", "Tsimshian languages", "Gitxsan (Gitksan)", "Nisga'a", "Tsimshian", "Wakashan languages", "Haisla", "Heiltsuk", "Kwak'wala (Kwakiutl)", "Nuu-chah-nulth (Nootka)", "Wakashan languages, n.i.e.", "Indigenous languages, n.i.e.", "Indigenous languages, n.o.s."], ["Afro-Asiatic languages", "Berber languages", "Kabyle", "Tamazight", "Berber languages, n.i.e.", "Chadic languages", "Hausa", "Mina", "Coptic", "Cushitic languages", "Bilen", "Oromo", "Somali", "Cushitic languages, n.i.e.", "Semitic languages", "Amharic", "Arabic", "Aramaic languages", "Assyrian Neo-Aramaic", "Chaldean Neo-Aramaic", "Aramaic, n.o.s.", "Harari", "Hebrew", "Maltese", "Tigrigna", "Semitic languages, n.i.e."], ["Austro-Asiatic languages", "Khmer (Cambodian)", "Vietnamese", "Austro-Asiatic languages, n.i.e"], ["Austronesian languages", "Bikol", "Bisaya, n.o.s.", "Cebuano", "Fijian", "Hiligaynon", "Ilocano", "Indonesian", "Kankanaey", "Kinaray-a", "Malagasy languages", "Merina", "Malagasy, n.o.s.", "Malay", "Pampangan (Kapampangan, Pampango)", "Pangasinan", "Tagalog (Pilipino, Filipino)", "Waray-Waray", "Austronesian languages, n.i.e."], ["Creole languages", "Haitian Creole", "Jamaican English Creole", "Krio", "Morisyen", "Sango", "Creole, n.o.s.", "Creole languages, n.i.e."], ["Dravidian languages", "Kannada", "Malayalam", "Tamil", "Telugu", "Tulu", "Dravidian languages, n.i.e."], "Georgian", "Hmong-Mien languages", ["Indo-European languages", "Albanian", "Armenian", "Balto-Slavic languages", "Baltic languages", "Latvian", "Lithuanian", "Slavic languages", "Belarusian", "Bulgarian", "Czech", "Macedonian", "Polish", "Russian", "Rusyn", "Serbo-Croatian", "Bosnian", "Croatian", "Serbian", "Serbo-Croatian, n.i.e.", "Slovak", "Slovene (Slovenian)", "Ukrainian", "Slavic languages, n.i.e.", "Celtic languages", "Irish", "Scottish Gaelic", "Welsh", "Celtic languages, n.i.e.", "Germanic languages", "Frisian", "High German languages", "German", "Pennsylvania German", "Swiss German", "Yiddish", "Low Saxon-Low Franconian languages", "Afrikaans", "Dutch", "Low German, n.o.s.", "Low Saxon", "Plautdietsch", "Vlaams (Flemish)", "Scandinavian languages", "Danish", "Icelandic", "Norwegian", "Swedish", "Germanic languages, n.i.e.", "Greek", "Indo-Iranian languages", "Indo-Aryan languages", "Assamese", "Bengali", "Gujarati", "Hindi", "Kacchi", "Kashmiri", "Konkani", "Marathi", "Nepali", "Oriya languages", "Odia", "Oriya, n.o.s.", "Punjabi (Panjabi)", "Rohingya", "Sindhi", "Sinhala (Sinhalese)", "Urdu", "Indo-Aryan languages, n.i.e.", "Iranian languages", "Baluchi", "Kurdish", "Parsi", "Pashto", "Persian languages", "Dari", "Iranian Persian", "Persian (Farsi), n.o.s.", "Iranian languages, n.i.e.", "Indo-Iranian languages, n.i.e.", "Italic (Romance) languages", "Catalan", "Italian", "Portuguese", "Romanian", "Spanish", "Italic (Romance) languages, n.i.e.", "Indo-European languages, n.i.e."], "Japanese", "Korean", "Mongolian", ["Niger-Congo languages", "Akan (Twi)", "Bamanankan", "Edo", "Éwé", "Fulah (Pular, Pulaar, Fulfulde)", "Ga", "Ganda", "Gikuyu", "Igbo", "Kinyarwanda (Rwanda)", "Lingala", "Luba-Kasai", "Mòoré", "Mwani", "Ndebele", "Rundi (Kirundi)", "Shona", "Soninke", "Sotho-Tswana languages", "Swahili", "Wojenaka", "Wolof", "Yoruba", "Niger-Congo languages, n.i.e."], ["Nilo-Saharan languages", "Dinka", "Nuer", "Nilo-Saharan languages, n.i.e.", "African, n.o.s."], ["Sign languages", "American Sign Language", "Quebec Sign Language", "Sign languages, n.i.e."], ["Sino-Tibetan languages", "Chinese languages", "Hakka", "Mandarin", "Min Dong", "Min Nan (Chaochow, Teochow, Fukien, Taiwanese)", "Wu (Shanghainese)", "Yue (Cantonese)", "Chinese, n.o.s.", "Chinese languages, n.i.e.", "Tibeto-Burman languages", "Burmese", "Kuki-Chin languages", "Karenic languages", "S'gaw Karen", "Karenic languages, n.i.e.", "Tibetan", "Tibeto-Burman languages, n.i.e.", "Sino-Tibetan languages, n.i.e."], ["Tai-Kadai languages", "Lao", "Thai", "Tai-Kadai languages, n.i.e."], ["Turkic languages", "Azerbaijani", "Kazakh", "Turkish", "Uyghur", "Uzbek", "Turkic languages, n.i.e."], ["Uralic languages", "Estonian", "Finnish", "Hungarian"], "Other languages, n.i.e." ]39:T7bd,viewof populationLines = { const sel = vl.selectPoint('selected_pt') .on('click') .encodings('color') .bind('legend') .toggle(true); const popCount = vl.markLine({'point': true}) .data(allData) .transform( vl.filter('datum["CHARACTERISTIC"] == "Population (in thousands)"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .params(sel) .encode( vl.x().fieldN("YEAR(S)").axis({ labelAngle: -45 }), vl.y().fieldQ("TOTAL").title("Population (in thousands)"), vl.color().fieldN("GEOGRAPHY NAME").scale({domain: provinceCategories, range: provinceColors}).title('Province'), vl.opacity().if(sel, vl.value(1)).value(0.1), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'YEAR(S)', title: 'Year'}, {field: 'TOTAL', title: 'Total (in thousands)'} ]) ) .config({legend: {orient: 'bottom', layout: {bottom: {anchor: 'middle'}}}}) .width(0.4*width) const popChange = vl.markLine({'point': true}) .data(allData) .transform( vl.filter('datum["CHARACTERISTIC"] == "Population - % change"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .params(sel) .encode( vl.x().fieldN("YEAR(S)").axis({ labelAngle: -45 }), vl.y().fieldQ("TOTAL").title("Population - % change"), vl.color().fieldN("GEOGRAPHY NAME").scale({range: provinceColors}).title('Province'), vl.opacity().if(sel, vl.value(1)).value(0.1), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'YEAR(S)', title: 'Year'}, {field: 'TOTAL', title: 'Population % change'} ]) ) .config({legend: {orient: 'bottom', layout: {bottom: {anchor: 'middle'}}}}) .width(0.4*width) return vl.hconcat(popCount, popChange).config({legend: {orient: 'bottom', columns: 4, layout: {bottom: {anchor: 'middle'}}}}).render(); }3a:T676,viewof languageBarsSplit = { const officialLanguages = vl.markBar() .data(allData) .transform( vl.filter('datum["TOPIC"] == "Knowledge of official languages"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .encode( vl.y().fieldQ("TOTAL").title("Knowledge of official languages"), vl.x().fieldN("TYPE").title('Official Language Type').sort('-y').axis({ labelAngle: -45 }), vl.color().fieldN('GEOGRAPHY NAME').scale({domain: provinceCategories, range: provinceColors}).legend(null), vl.tooltip([ {field: 'GEOGRAPHY NAME'}, {field: 'TYPE'}, {field: 'TOTAL'} ]) ) .width(0.4*width) const knownLanguages = vl.markBar() .data(languageCategories) .transform( vl.filter('datum["TOPIC"] == "Mother tongue"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .encode( vl.y().fieldQ("TOTAL").title("Knowledge of non-official languages"), vl.x().fieldN("TYPE").title('Non-official Language Category').sort('-y').axis({ labelAngle: -45 }), vl.color().fieldN('GEOGRAPHY NAME').scale({domain: provinceCategories, range: provinceColors}).legend(null), vl.tooltip([ {field: 'GEOGRAPHY NAME'}, {field: 'TYPE'}, {field: 'TOTAL'} ]) ) .width(0.4*width) return vl.hconcat(officialLanguages, knownLanguages).resolve({scale: {"color": "independent"}}).render(); }3b:T66a,viewof languageBarsOriginal = { const officialLanguages = vl.markBar() .data(allData) .transform( vl.filter('datum["TOPIC"] == "Knowledge of official languages"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .encode( vl.x().fieldQ("TOTAL").stack('normalize').title("Knowledge of official languages"), vl.color().fieldN("TYPE").scale({range: officialColors}).title('Official Language Type'), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'TYPE', title: 'Type'}, {field: 'TOTAL', title: 'Number of speakers'}, ]) ) .width(0.4*width) const knownLanguages = vl.markBar() .data(languageCategories) .transform( vl.filter('datum["TOPIC"] == "Mother tongue"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels}) ) .encode( vl.x().fieldQ("TOTAL").stack('normalize').title("Knowledge of non-official languages"), vl.color().fieldN("TYPE").scale({range: languageColors}).title('Non-official Language Category').legend({gridAlign: 'all'}), vl.tooltip([ {field: 'GEOGRAPHY NAME'}, {field: 'TYPE'}, {field: 'TOTAL'} ]) ) .width(0.4*width) // return vl.hconcat(officialLanguages, knownLanguages).resolve({scale: {"color": "independent"}}).config({legend: {orient: 'bottom', columns: 4, layout: {bottom: {anchor: 'middle'}}}}).render(); }3c:T78b,viewof canadaMap = { let height = 450; let container = DOM.element('div', {style: `width:${width}px;height:${height}px;border-radius:4px;`}); yield container; let map = L.map(container, { maxZoom: 10, minZoom: 3 }); let baseLayer = L.tileLayer(cartoDark,{ attribution: cartoAttr, opacity: 1 }) .addTo(map); let popProvince = L.geoJson(json, { style: stylePop, onEachFeature: areaClick }) .bindTooltip(function(d) { return d.feature.properties.prov_name_en + '
Pop change (%): ' + d.feature.properties.pop_perc + '
Pop (thousands): ' + d.feature.properties.pop_thou }) .addTo(map); let birthProvince = L.geoJson(json, { style: birthCols, onEachFeature: areaClick }) .bindTooltip(function(d) {return contTooltip(d.feature)}) if (mapShowType == "Place of birth") { birthProvince.addTo(map); } else { popProvince.addTo(map); } var legend = L.control({position: 'bottomright'}); legend.onAdd = function(map) { var div = L.DomUtil.create('div', 'info legend'), grades = legendGrades(), labels = ['-2 - -1', '-1 - 0', '1 - 0', '0 - 1', '1 - 2', '2 - 3', '3 - 4', '4 - 5', '5 - 6', '6 - 7', '7 - 8', '8 - 9', '9 - 10', '10+']; for (var i = 0; i < grades.length; i++) { if (mapShowType == "Place of birth") { div.innerHTML += ' ' + grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); } else { div.innerHTML += ' ' + grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); } } return div; }; legend.addTo(map); map.on("mousedown", () => (mutable mapSel = null)); map.fitBounds(birthProvince.getBounds()); }3d:T13d3,These reference from a4 - a4 (https://observablehq.com/d/89773c99db885067) Most code reference from IAT355 Tutorials Solution 1. (https://observablehq.com/@iat355/03s-features?collection=@iat355/iat-355-tutorials-solution) 2. (https://observablehq.com/@iat355/04s-vis?collection=@iat355/iat-355-tutorials-solution) 3. (https://observablehq.com/@iat355/05s-views?collection=@iat355/iat-355-tutorials-solution) vega-lite-api reference: - (https://vega.github.io/vega-lite-api/api/) vega tern reference: - (https://vega.github.io/vega-lite/docs/predicate.html#field-predicate) Extra study in this link. I did not copy and paste from here but checked examples for my assignment so I put this reference: - (https://observablehq.com/@uwdata/introduction-to-vega-lite) - (https://observablehq.com/@vega/vega-lite-api-v5) Filter using datum[]=="" reference: - (https://talk.observablehq.com/t/how-to-filter-in-vega-lite/3190) - create array reference:(https://observablehq.com/@mbostock/creating-arrays) Functionality development research - https://talk.observablehq.com/t/embedding-vega-lite-charts-that-have-width-value-set-to-container-leads-to-null-width-until-window-is-resized/6120/4 - https://leafletjs.com/reference.html#interactive-layer - https://nominatim.openstreetmap.org/ui/search.html - https://nominatim.openstreetmap.org/ui/search.html?q=british+columbia - https://data.opendatasoft.com/explore/dataset/georef-canada-province%40public/export/?disjunctive.prov_name_en&refine.prov_name_en=Alberta&refine.prov_name_en=British+Columbia&refine.prov_name_en=Manitoba&refine.prov_name_en=New+Brunswick&refine.prov_name_en=Newfoundland+and+Labrador&refine.prov_name_en=Nova+Scotia&refine.prov_name_en=Ontario&refine.prov_name_en=Prince+Edward+Island&refine.prov_name_en=Quebec&refine.prov_name_en=Saskatchewan&refine.year=2021 - https://observablehq.com/@saneef/geojson-from-openstreetmap - https://vega.github.io/vega/docs/scales/ - https://observablehq.com/@manzt/calculate-percent-of-total-in-vega-lite - https://talk.observablehq.com/t/vega-lite-axis-and-tooltip-values-how-to-format-number/6029/2 - https://observablehq.com/@dlaliberte/vega-top-level-width-height-padding-autosize-options - https://www12.statcan.gc.ca/census-recensement/2021/dp-pd/prof/index.cfm?Lang=E - https://www12.statcan.gc.ca/census-recensement/2016/dp-pd/prof/index.cfm?Lang=E - https://vega.github.io/vega-tooltip/vega-lite-examples.html - https://stackoverflow.com/questions/35465557/how-to-apply-color-on-text-in-markdown - https://observablehq.com/@observablehq/markdown-quick-reference - https://observablehq.com/@observablehq/reactive-markdown-html - https://www12.statcan.gc.ca/census-recensement/2021/dp-pd/prof/details/page.cfm?Lang=E&SearchText=New%20Brunswick&DGUIDlist=2021A000213&GENDERlist=1,2,3&STATISTIClist=1,4&HEADERlist=0 - https://www12.statcan.gc.ca/census-recensement/2021/dp-pd/prof/index.cfm?Lang=E - https://www12.statcan.gc.ca/census-recensement/2016/dp-pd/prof/index.cfm?Lang=E - https://observablehq.com/@observablehq/input-select - https://observablehq.com/@observablehq/inputs - https://gis.stackexchange.com/questions/357266/leaflet-geojson-style-and-labeling - https://observablehq.com/@tomlarkworthy/view - https://observablehq.com/d/f3464be30c6d731a - https://observablehq.com/@observablehq/mutable - https://www.openstreetmap.org/#map=3/71.64/-96.66 - [IAT 355] Tutorial 8: Integration: Interaction using Leaflet and Signals in Vega-Lite with the Vancouver Crime Map - [IAT 355] Tutorial 8: Integration: Interaction using Leaflet and Signals in Vega-Lite with the Vancouver Crime Map - [IAT355] Tutorial 7: Maps & Geocoding with Vega-Lite and Leaflet (v2) 🍂| TUTORIAL - https://stackoverflow.com/questions/61535917/select-multiple-filters-display-only-markers-that-have-common-features - https://gis.stackexchange.com/questions/438299/leaflet-detect-when-clicking-inside-or-outside-of-a-polygon - https://stackoverflow.com/questions/64270753/vega-lite-interactive-legend-and-bar-chart - https://vega.github.io/vega-lite/docs/legend.html - https://stackoverflow.com/questions/62420339/how-to-bottom-middle-align-a-legend-in-vega-lite - https://observablehq.com/@wongwong25/learning-vis-tools-tutorial-7-vega-lite-and-data-processing - https://observablehq.com/@mbostock/views-are-mutable-values - https://observablehq.com/@observablehq/learning-observable-user-inputs-and-interactivity - https://observablehq.com/@observablehq/interactivity-in-observable - https://observablehq.com/@mbostock/bar-chart-race-with-scrubber - https://observablehq.com/@dralletje/compose-viewof - https://observablehq.com/@observablehq/a-brief-introduction-to-viewof - https://observablehq.com/@tmcw/exploring-viewof - https://observablehq.com/@tomlarkworthy/view - https://stackoverflow.com/questions/16182595/how-can-i-set-the-opacity-of-a-geojson-object-or-layer-in-leaflet - https://observablehq.com/@guoz24/vega-lite-chart-types - https://github.com/observablehq/inputs/blob/main/README.md#radio - https://observablehq.com/@adevlin/line-plots-with-radio-buttons3e:[{"id":"c12337c90bdd9baf44b8efded82344406ffde80b7b8f3afba2c17f2210703e4eb7cc75bd524c0f357506dbed791b04c93ee549a869d2df7a03d3e711b48c485e","href":"https://static.observableusercontent.com/files/c12337c90bdd9baf44b8efded82344406ffde80b7b8f3afba2c17f2210703e4eb7cc75bd524c0f357506dbed791b04c93ee549a869d2df7a03d3e711b48c485e","name":"provincialGeoUpdated.geojson","type":"application/geo+json","lastModified":1681178103770.213,"size":275909},{"id":"072f39ec4f0d1f76e828f79070bb6d37f57bc1a85992d5b2ae5782d7b927d60fa249837bec517e2ed8352bd02a35656647fe1776cdecf132fba3536a57fc05bc","href":"https://static.observableusercontent.com/files/072f39ec4f0d1f76e828f79070bb6d37f57bc1a85992d5b2ae5782d7b927d60fa249837bec517e2ed8352bd02a35656647fe1776cdecf132fba3536a57fc05bc","name":"provincialGeoData.geojson","type":"application/geo+json","lastModified":1681178103770.213,"size":275067},{"id":"a3e9ce6ae3e9fa6e012af47af21ae7b1acea03b4a6ff8d0f38468edba3d5ae51b4dc973c27e6f9bee9c804583c4c8af2ae85644e56e5ac6aef185af62ffd22a2","href":"https://static.observableusercontent.com/files/a3e9ce6ae3e9fa6e012af47af21ae7b1acea03b4a6ff8d0f38468edba3d5ae51b4dc973c27e6f9bee9c804583c4c8af2ae85644e56e5ac6aef185af62ffd22a2","name":"NonOfficialMotherTongue-2.csv","type":"text/csv","lastModified":1681178323068.156,"size":3120}] 2f:{"id":"e0ac0490ed7cb43f","slug":null,"title":"Canada's Language Diversity","thumbnail":"579c224da4b91fec525043a84530e22a284a1b2a1337c0ac937d8761e87999f2","access_level":"public","create_time":"$D2023-04-11T01:55:03.770Z","update_time":"$D2023-04-19T04:22:20.600Z","view_time":null,"first_public_time":"$D2023-04-11T01:55:03.770Z","fork":{"id":"3037a25b67d19a88","slug":null,"title":"Test","owner":{"id":"c82cd4ee74fcb22f","login":"wstl","name":"Micole"}},"stars":0,"starred":false,"owner":{"type":"team","id":"6e3266892950d6ff","login":"sooamo","name":"Sooa Mo","avatar_url":"https://avatars-next.observableusercontent.com/132a26eabd5134a62a64ff73823721e2bca31fa293c744f76ef1892b0c2e78f1","tier":"starter_2024"},"version":1453,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"ca9e56dd7622b70d","login":"sooamo","name":"Sooa Mo","avatar_url":"https://avatars-next.observableusercontent.com/132a26eabd5134a62a64ff73823721e2bca31fa293c744f76ef1892b0c2e78f1","tier":null}],"members":[{"type":"individual","id":"ca9e56dd7622b70d","login":"sooamo","name":"Sooa Mo","avatar_url":"https://avatars-next.observableusercontent.com/132a26eabd5134a62a64ff73823721e2bca31fa293c744f76ef1892b0c2e78f1","tier":null,"role":"editor"},{"type":"individual","id":"4dd9c05b2974e20b","login":"wstl","name":"Micole","avatar_url":"https://avatars-next.observableusercontent.com/d7629f2847ab0acb13a5cc5a3509ac2605148fb251714ce070c6dff2946548b4","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Canada's Language Diversity","cells":[{"id":0,"value":"# Canada's Language Diversity\n#### IAT 355 - Introduction to Visual Analytics\n#### SFU Spring 2023\n#### Final Project\n- Sooa Mo - 301448491\n- Micole Lai - 301424117","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1005,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1275,"value":"\n

Link to video

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1273,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":60,"value":"## Analytic Scope\nCanada is renowned for its multicultural society, which has created a diverse language landscape. Our project seeks to investigate how language is distributed across Canada and how immigration patterns impact the country's linguistic diversity. Specifically, we aim to explore the impact of immigration on a region's cultural characteristics, and identify the factors that influence language distribution, including immigration and community culture.\n\nOur aim is to create interactive visualizations that enable users to explore the data and identify common cultural communities on the provincial level. Ultimately, we hope our project will provide a comprehensive understanding of the complex relationship between immigration, language distribution, and cultural characteristics in Canada.\n\nOur audience may be prospective immigrants into Canada, or residents who are looking for a new community to move to.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1241,"value":"$31","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1059,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1056,"value":"## Data\nCompiled Canadian census data (focused on the years 2011-2021)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1090,"value":"| Variable | Dimension | Data type | Value example | Additional value examples |\n| -------------- | -------------- | -------------- | -------------- | -------------- |\n| | GEOGRAPHY NAME | Nominal | British Columbia |\n| | YEAR | Temporal | 2021 |\n| Population (in thousands) | CHARACTERISTIC | Discrete | 120000 |\n| Population - % change | CHARACTERISTIC | Discrete | 1.8 |\n| Knowledge of official languages:... | CHARACTERISTIC | Nominal | English only | Discrete - 500000\n| Mother tongue | CHARACTERISTIC | Nominal | Indigenous languages | Discrete - 3800\n| Non-official mother tongue:... | CHARACTERISTIC | Nominal | Spanish | Discrete - 23000\n| Ethnic or cultural origin | CHARACTERISTIC | Nominal | Canadian | Discrete - 100000\n| Selected places of birth for the immigrant population | CHARACTERISTIC | Nominal | Europe | Discrete - 750000\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1288,"value":"We used data from the Canada wide Census with a focus on the years 2011-2021. By analyzing this data, we hope to gain insights into the demographic characteristics of different regions, including the number and origin of immigrants, the distribution of different languages, and other relevant variables.\n\nAs the Canadian Census data includes a lot of topics, we searched for tables that were focused on population, language, and ethnicity. Most of this data was split by province, so our final dataset is a combination of all the provincial data. Additionally, some of the tables provided on the census website used different dimensions for the data, therefore, we had to find some work arounds such as using additional dimensions to clarify the data we are using.\n\nTo enable map functionality, we inserted additional detail into the provincial JSON data (from OpenStreetMap) with either the population % change or place of birth counts for each continent using the 2021 Census data.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1003,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1304,"value":"### Dashboard User Manual","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1031,"value":"

${viewof mapMD}

${viewof popMD}

${viewof officialMD}

${viewof mtMD}

${viewof ethnicMD}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1302,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":646,"value":"

Clicking on a province will filter successive visualizations
Change data between population change and resident place of birth.

${viewof mapShowType}

${viewof mapBirthContinent}

${viewof canadaMap}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":203,"value":"

Click on a line to filter language and ethnic charts.
Shift click to select multiple provinces.

${viewof populationLines}

${viewof languageBarsSplit}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1270,"value":"

Use sliders to filter by numbers and view more/less data.

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":772,"value":"

${viewof languagesSlider}

${viewof ethnicitySlider}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":207,"value":"

\n \n

${viewof languageDistributionBars}

${viewof ethnicityBars}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1110,"value":"$32","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1292,"value":"The map is chosen to give a visual overview of Canada and the different provinces, along with a linear color scale to indicate either the population percentage change or resident's place of birth. Together, users can see patterns relating to this data at a glance.\n\nThe line graphs are chosen to show population patterns over time, and to compare them across the different provinces.\n\nThe bar charts are chosen to show the distribution of data (language or ethnicity), and enables users to see the data by province and by category. This breakdown enables quick comparisons and interpretations of the data.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":998,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":953,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":959,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1117,"value":"Line chart
\n**Encoding**:\n- *TOTAL*: quantitative data, y-axis (size of point)\n- *CHARACTERISTIC*: nominal data, color\n- *YEAR*: nominal data, x-axis\n\nBar chart
\n**Encoding**:\n- *CHARACTERISTIC*: nominal data, color\n- *TOTAL*: quantitative data, x-axis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1119,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":975,"value":"### Detail of the Non-official Mother tongue\nby Sooa\n\nIf you click on the language in the bar chart, you can see whether the language is in the top 10 of other regions and the difference by region. If you want to change the region in the detail graph, change the region and year through the ratio button.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":977,"value":"viewof provinceShowType = radio({options:geography, value:\"British Columbia\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":979,"value":"viewof yearShowType = radio({options:years, value:\"2011\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":981,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1113,"value":"Bar chart
\n**Encoding**:\n- *TOTAL*: quantitative data, x-axis (size of point)\n- *GEOGRAPHY NAME*: nominal data, y-axis\n- *CHARACTERISTIC*: nominal data, color\n- *YEAR*: nominal data, selection\n\nPlot chart
\n**Encoding**:\n- *CHARACTERISTIC*: nominal data, y-axis, color\n- *TOTAL*: quantitative data, x-axis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1309,"value":"## Evaluation / Feasiblity Pilot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1315,"value":"$36","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1307,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1313,"value":"## Further Work","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1319,"value":"We managed to implement the visualizations that we intended to do. However, details like having the map change style depending on the selection were not implemented because there were conflicts with circular definitions and mutables not registering when layer styles changed. Perhaps in another version, the dashboard may be more optimized so that the users do not have to scroll to see all of the information.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1311,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1263,"value":"$37","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1261,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":13,"value":"### Datasets","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":27,"value":"allData = \nd3.csv(\"https://gist.githubusercontent.com/mwstl/db5a8bf79a2f8519c80f381e312e82b3/raw/c9ab3d225d9d71582a35aef069d83d18c934d45c/all_Fix\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"provinceTotals = allData.filter(function(d) {\n if (d.CHARACTERISTIC == 'Population (in thousands)' || d.CHARACTERISTIC == 'Population - % change') {\n return d;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"provinceCategories = [\"British Columbia\", \"Alberta\", \"Manitoba\", \"New Brunswick\", \"Newfoundland and Labrador\", \"Nova Scotia\", \"Ontario\", \"Prince Edward Island\", \"Quebec\", \"Saskatchewan\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"provinceColors = ['#a6cee3', '#1f78b4', '#b2df8a', '#33a02c', '#fb9a99', '#e31a1c', '#fdbf6f', '#ff7f00', '#cab2d6', '#778899']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"officialColors = ['DarkOrchid', 'DodgerBlue', 'FireBrick', 'Gold']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"languageCategories = allData.filter(function(d) {\n let selection = [\" Indigenous languages\", \" Afro-Asiatic languages\", \" Austro-Asiatic languages\", \" Austronesian languages\", \" Creole languages\", \" Dravidian languages\", \" Hmong-Mien languages\", \" Indo-European languages\", \" Celtic languages\", \" Germanic languages\", \" Scandinavian languages\", \" Indo-Iranian languages\", \" Italic (Romance) languages\", \" Niger-Congo languages\", \" Nilo-Saharan languages\", \" Sign languages\", \" Sino-Tibetan languages\", \" Tai-Kadai languages\", \" Turkic languages\", \" Uralic languages\"];\n \n if (d.TOPIC == \"Mother tongue\") {\n return selection.includes(d.TYPE); \n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"languageBroadCategories = [\"Indigenous languages\", \"Afro-Asiatic languages\", \"Austro-Asiatic languages\", \"Austronesian languages\", \"Creole languages\", \"Dravidian languages\", \"Hmong-Mien languages\", \"Indo-European languages\", \"Celtic languages\", \"Germanic languages\", \"Scandinavian languages\", \"Indo-Iranian languages\", \"Italic (Romance) languages\", \"Niger-Congo languages\", \"Nilo-Saharan languages\", \"Sign languages\", \"Sino-Tibetan languages\", \"Tai-Kadai languages\", \"Turkic languages\", \"Uralic languages\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"provinceEthnicities = allData.filter(function(d) {\n if (d.TOPIC == 'Ethnic or cultural origin' && d.TOTAL > 100 && !d.TYPE.includes(\"Total\")) {\n return d;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"languageColors = ['#8dd3c7', '#f0e68c', '#BC8F8F', '#fb8072', '#80b1d3', '#ff8c00', '#b3de69', '#fccde5', '#d9d9d9', '#bc80bd', '#ccebc5', '#ffed6f', '#add8e6', '#db7093', '#cd853f', '#4169e1', '#2e8b57', '#6a5acd', '#d8bfd8', '#8B008B']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"languageNoOverall = allData.filter(function(d){\n const substring = \"language\"\n if (d.TOPIC == \"Mother tongue\" && !d.TYPE.includes(substring) && d.TYPE != \"Total\" && !d.TYPE.includes(\"responses\") && !d.TYPE.includes(\"English\") && !d.TYPE.includes(\"French\") && d.TOTAL >= 1) {\n return d; \n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"json = FileAttachment(\"provincialGeoUpdated.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":794,"value":"provinceJson = FileAttachment(\"provincialGeoData.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"placeOfBirth = allData.filter(function(d) {\n let selection = [\" Americas\", \" Europe\", \" Africa\", \" Asia\", \" Oceania and other places of birth\"];\n if (d.TOPIC == \"Selected places of birth for the immigrant population\") {\n return selection.includes(d.TYPE); \n }\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"pobGrouped = [\n [\"Brazil\", \"Colombia\", \"El Salvador\", \"Guyana\", \"Haiti\", \"Jamaica\", \"Mexico\", \"Peru\", \"Trinidad and Tobago\", \"United States of America\", \"Other places of birth in Americas\"],\n [\"Bosnia and Herzegovina\", \"Croatia\", \"France\", \"Germany\", \"Greece\", \"Hungary\", \"Italy\", \"Netherlands\", \"Poland\", \"Portugal\", \"Romania\", \"Russian Federation\", \"Serbia\", \"Ukraine\", \"United Kingdom\", \"Other places of birth in Europe\"],\n [\"Algeria\", \"Congo, Democratic Republic of the\", \"Egypt\", \"Eritrea\", \"Ethiopia\", \"Morocco\", \"Nigeria\", \"Somalia\", \"South Africa, Republic of\", \"Other places of birth in Africa\"],\n [\"Afghanistan\", \"Iran\", \"Iraq\", \"Lebanon\", \"Syria\", \"Turkey\", \"China\", \"Hong Kong\", \"Korea, South\", \"Taiwan\", \"Philippines\", \"Viet Nam\", \"Bangladesh\", \"India\", \"Pakistan\", \"Sri Lanka\", \"Other places of birth in Asia\"],\n [\"Oceania and other places of birth\"]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":909,"value":"MotherTongue = FileAttachment(\"NonOfficialMotherTongue-2.csv\").csv()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"years = uniqueValid(MotherTongue, d => d.YEAR)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":915,"value":"geography = uniqueValid(MotherTongue, d=>d.GEOGRAPHYNAME)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":917,"value":"topNonOffColors = ['#ffd0d0', '#a89887', '#b3aa6d', '#a9cf8f', '#80ff91', '#58e8d0', '#5782a1', '#6855c7', '#cfbde6', '#ff80f4', '#6e0000', '#594700', '#161a82', '#116300', '#ccfff3', '#ffd83b', '#67c9b2', '#ff8560', '#542a57', '#2b72ff']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":919,"value":"topNonOffLanguage = ['Arabic', 'Cantonese', 'Chinese, n.o.s.', 'Creoles', 'German', 'Greek', 'Hindi', 'Italian', 'Korean', 'Mandarin', 'Panjabi (Punjabi)', 'Persian (Farsi)', 'Portuguese', 'Romanian', 'Russian', 'Spanish', 'Tagalog (Pilipino, Filipino)', 'Tamil', 'Urdu', 'Vietnamese']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"### Imports","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":15,"value":"d3 = require(\"https://d3js.org/d3.v5.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"VegaLite = require('vega-lite@2.0.0-beta.2/build/vega-lite.min.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"vegalite = require(\"@observablehq/vega-lite@0.1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"import {vl} from '@vega/vega-lite-api-v5'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":921,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":923,"value":"import {uniqueValid} from '@uwdata/data-utilities'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":188,"value":"### Viewof","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":256,"value":"Population Lines","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":62,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":260,"value":"Language Knowledge Bars","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1164,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"Mother tongue","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"viewof languageDistributionBars = {\n const languageDistribution = vl.markBar()\n .data(languageNoOverall)\n .transform(\n vl.filter('datum.TOTAL >= ' + languagesSlider),\n vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}),\n vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels})\n )\n .encode(\n vl.y().fieldN('TYPE').sort('-x').title(\"Language\"),//.axis({ labelAngle: -45 }),.title(\"Language\"),\n vl.x().fieldQ('TOTAL').title(\"Number of speakers\"),\n vl.color().fieldN('GEOGRAPHY NAME').scale({domain: provinceCategories, range: provinceColors}).legend(null),\n vl.tooltip([\n {field: 'GEOGRAPHY NAME'},\n {field: 'TYPE'},\n {field: 'TOTAL'}\n ])\n )\n .width(.25*width)\n\n return languageDistribution.render()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"Ethnic background","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":76,"value":"viewof ethnicityBars = {\n const ethnicity = vl.markBar()\n .data(provinceEthnicities)\n .transform(\n vl.filter('datum.TOTAL >= ' + ethnicitySlider),\n vl.filter({field: 'GEOGRAPHY NAME', oneOf: selected}),\n vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSels})\n )\n .encode(\n vl.y().fieldN('TYPE').sort('-x').title('Ethnic or Cultural Origin'),//.axis({ labelAngle: -45 }),\n vl.x().fieldQ('TOTAL').title('Number of residents'),\n vl.color().fieldN('GEOGRAPHY NAME').scale({domain: provinceCategories, range: provinceColors}).legend(null),\n vl.tooltip([\n {field: 'GEOGRAPHY NAME'},\n {field: 'TYPE'},\n {field: 'TOTAL'}\n ])\n )\n .width(.25*width)\n\n return ethnicity.render()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"Sliders","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":83,"value":"viewof languagesSlider = Inputs.range([1, 50000], {step: 1, label: \"Number of speakers\", value: 34000})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"viewof ethnicitySlider = Inputs.range([1, 300000], {step: 1, label: \"Ethnic population\", value: 150000})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":651,"value":"Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":320,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":640,"value":"Map show selection","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":399,"value":"viewof mapShowType = Inputs.radio(\n [\n \"Population % change\",\n \"Place of birth\"\n ],\n {\n value: 'Population % change',\n label: html`Map data shows...`,\n format: x => html`${x}`\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"Map birth continent selection","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":440,"value":"viewof mapBirthContinent = Inputs.select([\"Americas\", \"Europe\", \"Africa\", \"Asia\", \"Oceania and other\"], {value: \"Europe\", label: \"Continent\", sort: true, disabled: checkMapSel()})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1044,"value":"Text column stuff","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":365,"value":"viewof mapMD = {\nreturn md`## Map Overview\nby Micole\n\nThis Leaflet map shows values for 2021 census\n
Clicking on a province will filter all successive visualizations.\n
Reset selection by clicking outside of any provincial region.\n

Visualization source

\n[Canada Map](https://observablehq.com/d/e0ac0490ed7cb43f#cell-651)\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"viewof popMD = {\nreturn md`## Population trends across Canada's provinces\nby Micole\n\nClicking on a line or on the legend will select the corresponding province, shift-click to select multiple\n
${provinceText()} ‎ \n

Visualization source

\n[Population Lines](https://observablehq.com/d/e0ac0490ed7cb43f#cell-256)\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"viewof officialMD = {\nreturn md`## Official and non-official language category distribution\nby Micole\n\n[Click here for the \"Knowledge of non-official language\" census dictionary](https://www12.statcan.gc.ca/census-recensement/2021/ref/dict/az/definition-eng.cfm?ID=pop095)
\n${provinceText()} ‎ \n

Visualization source

\n[Language Knowledge Bars](https://observablehq.com/d/e0ac0490ed7cb43f#cell-260)\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"viewof mtMD = {\nreturn md`## Mother tongue\nby Micole\n\n[Click here for the \"Mother tongue\" census dictionary](https://www12.statcan.gc.ca/census-recensement/2021/ref/dict/az/definition-eng.cfm?ID=pop095)
Use the **Number of speakers** slider to filter by the minimum number of speakers\n
${provinceText()} ‎ \n

Visualization source

\n[Mother tongue](https://observablehq.com/d/e0ac0490ed7cb43f#cell-265)\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":887,"value":"viewof ethnicMD = {\nreturn md`## Ethnic background distribution\nby Micole\n\nEthnic background is different from citizenship, nationality, or place of birth. It may be affected by an individual's own perception of their background.\n
[See here for the \"Ethnic or Cultural Origin Reference Guide\"](https://www12.statcan.gc.ca/census-recensement/2021/ref/98-500/008/98-500-x2021008-eng.cfm)\n
Use the **Ethnic population** slider to filter by the minimum number of residents\n
${provinceText()} ‎ \n

Visualization source

\n[Ethnic background](https://observablehq.com/d/e0ac0490ed7cb43f#cell-268)\n

\n`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":323,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":325,"value":"### Maps","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":327,"value":"This is the CSS defining the legend\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":331,"value":"cartoAttr = '© OpenStreetMap, © CARTO'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":333,"value":"cartoLight = \t'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}@2x.png'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"cartoDark = \t'https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}@2x.png'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"function stylePop(feature) {\n // if (feature.properties.prov_name_en[0] == mapSel) {\n return {\n fillColor: getPopChangeCol(feature.properties.pop_perc),\n weight: 2,\n opacity: .5,\n color: 'white',\n fillOpacity: 1,\n // fillOpacity: getProvSel(feature.properties.prov_name_en[0]),\n onEachFeature: areaClick\n }\n // } else {\n // return {\n // fillColor: getPopChangeCol(feature.properties.pop_perc),\n // weight: 2,\n // opacity: .5,\n // color: 'white',\n // fillOpacity: 0.5,\n // // fillOpacity: getProvSel(feature.properties.prov_name_en[0]),\n // onEachFeature: areaClick\n // }\n // }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1371,"value":"function changeLayer(feature, layer) {\n layer.on({\n click: function(e){\n if (mapSel !== null && mapSel == e.target) {\n layer.setStyle(highlightProvince);\n } else {\n layer.setStyle(stylePop);\n }\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1394,"value":"function highlightStyle(feature) {\n return {\n weight: 5,\n color: 'red',\n opacity: 0.5,\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1125,"value":"function highlightProvince(e) {\n var layer = e.target;\n layer.setStyle({\n weight: 5,\n color: '#f03a3a'\n })\n layer.bringToFront();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1127,"value":"function resetHightlight(e) {\n json.resetStyle(e.target);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":342,"value":"function getPopChangeCol(d) {\n return d > 10 ? '#0d74db' :\n d > 9 ? '#3c7fdd' :\n d > 8 ? '#6995e1' :\n d > 7 ? '#96b5e5' :\n d > 6 ? '#b4cee8' :\n d > 5 ? '#bfd8e9' :\n d > 4 ? '#c9e2ea' :\n d > 3 ? '#d2ebeb' :\n d > 2 ? '#dcf4ec' :\n d > 1 ? '#e6feed' :\n d > 0 ? '#f8fff7' :\n '#ffffff'; //11\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"function getProvSel(d) {\n //test\n if (mapSel == null)\n return 1\n \n if (mapSel == d) {\n return 1;\n } else {\n return 0.5;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":428,"value":"function styleBirth(feature) {\n return {\n // fillColor: curContinent(feature),\n weight: 2,\n opacity: .5,\n color: 'white',\n fillOpacity: 1,\n onEachFeature: areaClick\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":525,"value":"function getBirthCol(d) {\n const c = selContinent();\n \n return d > c ? '#0d74db' :\n d > c*.9 ? '#3c7fdd' :\n d > c*.8 ? '#6995e1' :\n d > c*.7 ? '#96b5e5' :\n d > c*.6 ? '#b4cee8' :\n d > c*.5 ? '#bfd8e9' :\n d > c*.4 ? '#c9e2ea' :\n d > c*.3 ? '#d2ebeb' :\n d > c*.2 ? '#dcf4ec' :\n d > c*.1 ? '#e6feed' :\n d > 0 ? '#f8fff7' :\n '#ffffff'; //11\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"function birthCols(feature) {\n var fill = curContinent(feature);\n return {\n fillColor: fill,\n weight: 2,\n opacity: .5,\n color: 'white',\n fillOpacity: 1,\n onEachFeature: areaClick\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"function curContinent(feature) {\n if (mapBirthContinent == \"Africa\") {\n return getBirthCol(feature.properties.pob_af)\n } else if (mapBirthContinent == \"Americas\") {\n return getBirthCol(feature.properties.pob_am)\n } else if (mapBirthContinent == \"Asia\") {\n return getBirthCol(feature.properties.pob_as)\n } else if (mapBirthContinent == \"Europe\") {\n return getBirthCol(feature.properties.pob_eu)\n } else if (mapBirthContinent == \"Oceania and other\") {\n return getBirthCol(feature.properties.pob_ot)\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"function contTooltip(feature) {\n if (mapBirthContinent == \"Africa\") {\n return feature.properties.prov_name_en + '
Residents from Africa: ' \n + feature.properties.pob_af\n } else if (mapBirthContinent == \"Americas\") {\n return feature.properties.prov_name_en + '
Residents from Americas: ' \n + feature.properties.pob_am\n } else if (mapBirthContinent == \"Asia\") {\n return feature.properties.prov_name_en + '
Residents from Asia: ' \n + feature.properties.pob_as\n } else if (mapBirthContinent == \"Europe\") {\n return feature.properties.prov_name_en + '
Residents from Europe: ' \n + feature.properties.pob_eu\n } else if (mapBirthContinent == \"Oceania and other\") {\n return feature.properties.prov_name_en + '
Residents from Oceania/other: ' \n + feature.properties.pob_ot\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":424,"value":"function styleLang(feature) {\n return {\n fillColor: getPopChangeCol(feature.properties.pop_perc),\n weight: 2,\n opacity: .5,\n color: 'white',\n fillOpacity: 1,\n // fillOpacity: feature.properties.prov_name_en[0] == nSel ? 1 : 0.75 ,\n onEachFeature: areaClick\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":348,"value":"function areaClick(feature, layer) {\n layer.on({\n click:whenClicked\n });\n\n // if (mapSel.contains(feature.properties['GEOGRAPHY NAME'])) {\n // if ({field: 'GEOGRAPHY NAME', oneOf: mapSels}) {\n // layer.on({\n // click: highlightProvince,\n // })\n // }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"whenClicked = (event) => {\n var province = event.target.feature.properties.prov_name_en[0];\n mutable mapSel = [province];\n province.setStyle(highlightStyle());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":358,"value":"function selFeature(feature) {\n return feature.properties.prov_name_en[0] == mapSel ? 1 : 0.75\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":369,"value":"mutable mapSel = null;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":376,"value":"mapSels = {\n if (mapSel == null) \n return mapProvinces;\n else \n return mapSel;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"function checkMapSel() {\n if (mapShowType == \"Place of birth\") {\n return false;\n }\n return true;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":490,"value":"//max\nam = [1830, 12150, 264885, 629550, 126075, 2345, 9535, 110855, 32020, 12580]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":492,"value":"eu = [3275, 23295, 309015, 1049725, 307495, 4290, 12295, 180590, 53125, 21710]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":494,"value":"af = [625, 6575, 302010, 287920, 53330, 1895, 5600, 119295, 27150, 16080]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"as = [28940, 332925, 2225590, 905585, 5590, 16375, 549965, 144495, 86515, 5965]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"ot = [70, 605, 1765, 13810, 33225, 130, 325, 10275, 830, 725]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":503,"value":"amMax = Math.ceil(d3.max(am)/10000)*10000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":500,"value":"euMax = Math.ceil(d3.max(eu)/100000)*100000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"afMax = Math.ceil(d3.max(af)/10000)*10000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":519,"value":"asMax = Math.ceil(d3.max(as)/100000)*100000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":522,"value":"otMax = Math.ceil(d3.max(ot)/1000)*1000","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":527,"value":"function selContinent() {\n if (mapBirthContinent == \"Africa\") {\n return afMax;\n } else if (mapBirthContinent == \"Americas\") {\n return amMax;\n } else if (mapBirthContinent == \"Asia\") {\n return asMax;\n } else if (mapBirthContinent == \"Europe\") {\n return euMax;\n } else if (mapBirthContinent == \"Oceania and other\") {\n return otMax;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":616,"value":"function legendGrades() {\n if (mapShowType == \"Place of birth\") {\n return [0, selContinent()*.1, selContinent()*.2, selContinent()*.3, selContinent()*.4, selContinent()*.5, selContinent()*.6, selContinent()*.7, selContinent()*.8, selContinent()*.9, selContinent()]\n } else {\n return [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":170,"value":"### Variables\n\nUpdate text for currently selected provinces","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":132,"value":"function provinceText() {\n let list = []\n let preStr = \"Currently viewing:\"\n\n if (mapSel != null) {\n return preStr + \" \" + mapSel[0];\n }\n \n if (selProvince != null) {\n for (let p of selProvince) {\n let str = \" \" + p;\n list.push(str); \n }\n return preStr + list;\n }\n\n return \"\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"{\n return provinceText()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":93,"value":"mutable selProvince = null;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"selected = {\n if (selProvince == null) {\n return mapProvinces;\n } else {\n return selProvince;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"populationLines.addSignalListener(\"selected_pt\", function(name, value) {\n if (value == null) mutable selProvince = null;\n else mutable selProvince = value['GEOGRAPHY NAME'];\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"mapProvinces = {\n let n = json.features.length;\n let newSel = [];\n for (let i = 0; i < n; i++) {\n newSel[i] = provinceJson.features[i].properties.prov_name_en[0];\n }\n return (newSel);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":216,"value":"### References","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":311,"value":"Census reference guide
\nhttps://www12.statcan.gc.ca/census-recensement/2021/ref/98-500/003/98-500-x2021003-eng.cfm","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1338,"value":"JSON Data\n
https://www.openstreetmap.org/relation/1428125","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":218,"value":"$3d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W3e","stdlib":"1","titling":"auto"}} 30:"$2f:body"