2b:null 2c:["$","title",null,{"children":"Viz5 | Micole | Observable"}] 31:Tc90,{ const click = vl.selectPoint().encodings('color'); const populationProvinces = vl.markLine({'point': true}) .data(allData) .transform( vl.filter('datum["CHARACTERISTIC"] == "Population - % change"') ) .params(click) .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(click, vl.value(1)).value(0.1), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'CHARACTERISTIC'}, {field: 'TOTAL'} ]) ) .width(700) .autosize({type: 'none', contains: 'padding'}) const officialLanguages = vl.markBar() .data(allData) .transform( vl.filter('datum["TOPIC"] == "Knowledge of official languages"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter(click) // vl.filter('datum["GEOGRAPHY NAME"] == "Quebec"'), // vl.window({op: 'sum', field: 'TOTAL', as: 'totalSum'}), // vl.calculate('datum.TOTAL/datum.totalSum * 100').as('percentOfTotal') ) .encode( vl.y().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'}, // {field: 'percentOfTotal', title: 'Percent', format: '.2f'} ]) ) const knownLanguages = vl.markBar() .data(languageCategories) .transform( vl.filter('datum["TOPIC"] == "Mother tongue"'), vl.filter('datum["TYPE"] != "Total"'), vl.filter(click) ) .encode( vl.y().fieldQ("TOTAL").stack('normalize').title("Knowledge of non-official languages"), vl.color().fieldN("TYPE").scale({range: languageColors}).title('Non-official Language Category'), vl.tooltip([ {field: 'GEOGRAPHY NAME'}, {field: 'TYPE'}, {field: 'TOTAL'} ]) ) const languageDistribution = vl.markBar() .data(languageNoOverall) .transform( //figure out way to show only top 10 // vl.aggregate({op: "sum", field: 'TOTAL', as: 'totals_sum'}).groupby('TYPE'), // vl.filter('datum.totals_sum >= ' + languagesSlider), vl.filter('datum.TOTAL >= ' + languagesSlider), vl.filter(click) ) .encode( vl.x().fieldN('TYPE').sort('-y').axis({ labelAngle: -45 }), vl.y().fieldQ('TOTAL'), // vl.color().fieldN('TYPE').scale({domain: nonlanguageGroups, range: languageColors}), vl.tooltip([ {field: 'GEOGRAPHY NAME'}, {field: 'TYPE'}, {field: 'TOTAL'} ]) ) // return officialLanguages.render() return vl.vconcat( populationProvinces, vl.hconcat( officialLanguages, vl.hconcat(knownLanguages, languageDistribution).resolve({scale: {"color": "independent"}}) ).resolve({scale: {"color": "independent"}}) ).resolve({scale: {"color": "independent"}}) .render() }32:T53f,bcMap = { // let container = DOM.element('div', {style: `width:${width}px;height:${width/1.6}px`}); // yield container; // // let map = L.map(container).setView([60.00, -100], 3.5); // let map = L.map(container); // let baseLayer = L.tileLayer(cartoDark,{ // attribution: cartoAttr // }) // .addTo(map); // //click to show population change -> link to line graph // //change line graph to relate to ethnic groups? // let provinceLayer = L.geoJson(provinceJson, {style}) // .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); // var legend = L.control({position: 'bottomright'}); // legend.onAdd = function(map) { // var div = L.DomUtil.create('div', 'info legend'), // grades = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], // labels = []; // for (var i = 0; i < grades.length; i++) { // div.innerHTML += // ' ' + // grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); // } // return div; // }; // legend.addTo(map); // // provinceLayer.bindPopup('BC'); // map.fitBounds(provinceLayer.getBounds()); }33:T685,viewof canadaMap = { let height = 400; let container = DOM.element('div', {style: `width:${width}px;height:${height}px`}); yield container; let map = L.map(container, { maxZoom: 10, minZoom: 3 }); let baseLayer = L.tileLayer(cartoDark,{ attribution: cartoAttr, opacity: 1 }) .addTo(map); //click to show population change -> link to line graph //change line graph to relate to ethnic groups? //invisible top layer -> clicks //bottom and mid layers -> colors // let minVisibility = L.geoJson(provinceJson, { // style, // fillOpacity: 0.25 // }).addTo(map) let provinceLayer = L.geoJson(provinceJson, { style, 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); var legend = L.control({position: 'bottomright'}); legend.onAdd = function(map) { var div = L.DomUtil.create('div', 'info legend'), grades = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 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++) { div.innerHTML += ' ' + grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); } return div; }; legend.addTo(map); map.on("mousedown", () => (mutable nSel = null)); map.fitBounds(provinceLayer.getBounds()); }34:T6f4,viewof canadaMap1 = { let height = 400; let container = DOM.element('div', {style: `width:${width}px;height:${height}px`}); yield container; let map = L.map(container, { maxZoom: 10, minZoom: 3 }); let baseLayer = L.tileLayer(cartoDark,{ attribution: cartoAttr, opacity: 1 }) .addTo(map); //click to show population change -> link to line graph //change line graph to relate to ethnic groups? //invisible top layer -> clicks //bottom and mid layers -> colors let minVisibility = L.geoJson(provinceJson, { fillColor: 'grey', weight: 1, color: 'grey', opacity: 0.25, fillOpacity: 0.25 }); map.addLayer(minVisibility); let provinceLayer = L.geoJson(provinceJson, { style, // fillOpacity: selFeature, 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); var legend = L.control({position: 'bottomright'}); legend.onAdd = function(map) { var div = L.DomUtil.create('div', 'info legend'), grades = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 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++) { div.innerHTML += ' ' + grades[i] + (grades[i + 1] ? '–' + grades[i + 1] + '
' : '+'); } return div; }; legend.addTo(map); map.on("mousedown", () => (mutable nSel = null)); map.fitBounds(minVisibility.getBounds()); }35:T643,viewof canadaPopCount = { // const width = DOM.element('div', {container}); const popCount = vl.markLine({'point': true}) .data(allData) .transform( vl.filter('datum["CHARACTERISTIC"] == "Population (in thousands)"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSel}) ) .params(popClick) .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(popClick, vl.value(1)).value(0.1), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'CHARACTERISTIC'}, {field: 'TOTAL'} ]) ) .width(0.35*width) const popChange = vl.markLine({'point': true}) .data(allData) .transform( vl.filter('datum["CHARACTERISTIC"] == "Population - % change"'), vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSel}) ) .params(popClick) .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(popClick, vl.value(1)).value(0.1), vl.tooltip([ {field: 'GEOGRAPHY NAME', title: 'Province'}, {field: 'CHARACTERISTIC'}, {field: 'TOTAL'} ]) ) .width(0.35*width) return vl.hconcat(popCount, popChange).render() }36:T530,- 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=E37: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." ]38:[{"id":"a32d518dc09ec85b9df8ed57b40c956e3fe94d6a092e3b75d91e30a6c82eb5f9340d363cbbd50d216d39fa4d17f06d9b7b02a325d2de0b6258f56e0dd14ebc86","href":"https://static.observableusercontent.com/files/a32d518dc09ec85b9df8ed57b40c956e3fe94d6a092e3b75d91e30a6c82eb5f9340d363cbbd50d216d39fa4d17f06d9b7b02a325d2de0b6258f56e0dd14ebc86","name":"provinceGeoData@1.geojson","type":"application/geo+json","lastModified":1680509950270.723,"size":275031},{"id":"072f39ec4f0d1f76e828f79070bb6d37f57bc1a85992d5b2ae5782d7b927d60fa249837bec517e2ed8352bd02a35656647fe1776cdecf132fba3536a57fc05bc","href":"https://static.observableusercontent.com/files/072f39ec4f0d1f76e828f79070bb6d37f57bc1a85992d5b2ae5782d7b927d60fa249837bec517e2ed8352bd02a35656647fe1776cdecf132fba3536a57fc05bc","name":"provincialGeoData.geojson","type":"application/geo+json","lastModified":1680518612071.971,"size":275067}] 2f:{"id":"365faa9f7ac8f769","slug":null,"title":"Viz5","thumbnail":"012a357bbe8daa00a74e7e8184870a8e967903d59ea04d4530e58be5169690a2","access_level":"public","create_time":"$D2023-04-03T06:11:31.798Z","update_time":"$D2023-04-04T06:52:04.872Z","view_time":null,"first_public_time":"$D2023-04-03T06:11:31.798Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c82cd4ee74fcb22f","login":"wstl","name":"Micole","avatar_url":"https://avatars-next.observableusercontent.com/d7629f2847ab0acb13a5cc5a3509ac2605148fb251714ce070c6dff2946548b4","tier":"starter_2024"},"version":498,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"4dd9c05b2974e20b","login":"wstl","name":"Micole","avatar_url":"https://avatars-next.observableusercontent.com/d7629f2847ab0acb13a5cc5a3509ac2605148fb251714ce070c6dff2946548b4","tier":null}],"members":[{"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":0,"collection":null,"type":"notebook","body":{"title":"Viz5","cells":[{"id":0,"value":"# Viz5","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":45,"value":"viewof languagesSlider = Inputs.range([1, 650000], {step: 1, label: \"Number of speakers\", value: 100000})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":108,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":205,"value":"{\n const populationProvinces = vl.markLine({'point': true})\n .data(allData)\n .transform(\n vl.filter('datum[\"CHARACTERISTIC\"] == \"Population - % change\"')\n )\n .params(popClick)\n .encode(\n vl.x().fieldN(\"YEAR(S)\").axis({ labelAngle: -45 }),\n vl.y().fieldQ(\"TOTAL\").title(\"Population - % change\"),\n vl.color().fieldN(\"GEOGRAPHY NAME\").scale({range: provinceColors}).title('Province'),\n vl.opacity().if(popClick, vl.value(1)).value(0.1),\n vl.tooltip([\n {field: 'GEOGRAPHY NAME', title: 'Province'},\n {field: 'CHARACTERISTIC'},\n {field: 'TOTAL'}\n ])\n )\n .width(700)\n\n // return populationProvinces.render()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":354,"value":"popClick = vl.selectPoint().encodings('color').on(\"click\").bind(\"legend\").toggle(true);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":237,"value":"mutable nSel = 'British Columbia';","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"mutable nSels = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":240,"value":"mapSel = {\n if (nSel == null) {\n return mapProvinces;\n } else {\n return [nSel];\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":248,"value":"mapSels = {\n if (nSel == null) {\n mutable nSels.length = 0;\n return mapProvinces;\n } else {\n if (nSels.indexOf(nSel) == -1) \n mutable nSels.push(nSel);\n return nSels;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"mapProvinces = {\n let n = provinceJson.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":264,"value":"function areaClick(feature, layer) {\n layer.on({\n click:whenClicked\n });\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":485,"value":"function selFeature(feature) {\n return feature.properties.prov_name_en[0] == nSel ? 1 : 0.75\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"whenClicked = (event) => {\n mutable nSel = event.target.feature.properties.prov_name_en[0]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":435,"value":"function styleSel(feature) {\n return {\n fillColor: getPopChangeCol2(feature.properties.pop_perc),\n weight: 2,\n opacity: .5,\n color: 'white',\n fillOpacity: 0.5,\n // fillOpacity: feature.properties.prov_name_en[0] == nSel ? 1 : 0.75 ,\n onEachFeature: areaClick\n };\n}\n//population change array","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":442,"value":"function styleMin(feature) {\n return {\n // fillColor: getPopChangeCol2(feature.properties.pop_perc),\n fillColor: 'white',\n weight: 2,\n opacity: 1,\n color: 'white',\n fillOpacity: 1\n // fillOpacity: feature.properties.prov_name_en[0] == nSel ? 1 : 0.75 ,\n // onEachFeature: areaClick\n };\n}\n//population change array","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":430,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"viewof canadaPopChange = {\n const populationProvinces = vl.markLine({'point': true})\n .data(allData)\n .transform(\n vl.filter('datum[\"CHARACTERISTIC\"] == \"Population - % change\"'),\n vl.filter({field: 'GEOGRAPHY NAME', oneOf: mapSel})\n )\n .params(popClick)\n .encode(\n vl.x().fieldN(\"YEAR(S)\").axis({ labelAngle: -45 }),\n vl.y().fieldQ(\"TOTAL\").title(\"Population - % change\"),\n vl.color().fieldN(\"GEOGRAPHY NAME\").scale({range: provinceColors}).title('Province'),\n vl.opacity().if(popClick, vl.value(1)).value(0.1),\n // vl.opacity().if('nSel.indexOf(nSels) !== -1', vl.value(1)).value(0.1),\n vl.tooltip([\n {field: 'GEOGRAPHY NAME', title: 'Province'},\n {field: 'CHARACTERISTIC'},\n {field: 'TOTAL'}\n ])\n )\n .width('container')\n\n // return populationProvinces.render()\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":335,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":339,"value":"### References","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":343,"value":"$36","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"### Arrays","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":40,"value":"// allData = d3.csv(\"https://gist.githubusercontent.com/mwstl/e0d375e1f95a0c7c6e66732d6744f46f/raw/4377ebb426e0984681bb3d3ecfb3095c553b99fb/all_data.csv\")\n// allData = d3.csv(\"https://gist.githubusercontent.com/mwstl/e0d375e1f95a0c7c6e66732d6744f46f/raw/4e60cfcdb4165a88c551f6370df3d35b5ff281b4/all_data.csv\")\nallData = \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":54,"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":19,"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":22,"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":25,"value":"officialColors = ['DodgerBlue', 'Gold', 'FireBrick', 'ForestGreen']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"languageCategories = allData.filter(function(d) {\n let selection = [\" Indigenous languages\", \" Afro-Asiatic languages\", \" Austro-Asiatic languages\", \" Austro-Asiatic 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":64,"value":"provinceEthnicities = allData.filter(function(d) {\n if (d.TOPIC == 'Ethnic or cultural origin' && d.TOTAL > 100) {\n return d;\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"languageColors = ['#8dd3c7', '#f0e68c', '#bebada', '#fb8072', '#80b1d3', '#fdb462', '#b3de69', '#fccde5', '#d9d9d9', '#bc80bd', '#ccebc5', '#ffed6f', '#add8e6', '#db7093', '#cd853f', '#4169e1', '#2e8b57', '#6a5acd', '#d8bfd8', 'd3d3d3']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"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":178,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":176,"value":"### Map Stuff","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":198,"value":"This is the CSS defining the legend\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"// provinceJson = FileAttachment(\"provinceGeoData@1.geojson\").json()\nprovinceJson = FileAttachment(\"provincialGeoData.geojson\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"function populationChangeCol(d) {\n return d > 1.5 ? '#053061' :\n d > 1.25 ? '#2166ac' :\n d > 1.0 ? '#4393c3' :\n d > 0.75 ? '#92c5de' :\n d > 0.5 ? '#d1e5f0' :\n d > 0.25 ? '#f7f7f7' :\n d > 0 ? '#fddbc7' :\n d > -0.25 ? '#f4a582' :\n d > -0.5 ? '#d6604d' :\n d > -0.75 ? '#b2182b' :\n '#67001f';\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"// function style(feature) {\n// return {\n// fillColor: populationChangeCol(feature.properties.pop_perc),\n// weight: 2,\n// opacity: .5,\n// color: 'white',\n// dashArray: '3',\n// fillOpacity: 0.7\n// };\n// }\n\nfunction style(feature) {\n return {\n fillColor: getPopChangeCol2(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}\n//population change array","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"function getPopChangeCol(d) {\n return d > 10 ? '#1e65ff' :\n d > 9 ? '#4970ff' :\n d > 8 ? '#7886ff' :\n d > 7 ? '#a3a5ff' :\n d > 6 ? '#c1bfff' :\n d > 5 ? '#ceccff' :\n d > 4 ? '#dbd8ff' :\n d > 3 ? '#e5e3ff' :\n d > 2 ? '#eeedff' :\n d > 1 ? '#f7f6ff' :\n '#fefeff'; //11\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"function getPopChangeCol1(d) {\n return d > 10 ? '#e0420d' :\n d > 9 ? '#e55525' :\n d > 8 ? '#ec784e' :\n d > 7 ? '#f19f80' :\n d > 6 ? '#f1bca5' :\n d > 5 ? '#efc8b6' :\n d > 4 ? '#edd2c4' :\n d > 3 ? '#ebdbd1' :\n d > 2 ? '#e9e3dc' :\n d > 1 ? '#e6e9e5' :\n '#e4f0ee'; //11\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"function getPopChangeCol2(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":164,"value":"cartoAttr = '© OpenStreetMap, © CARTO'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":131,"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":160,"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":15,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"### Import","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":11,"value":"import {vl} from '@vega/vega-lite-api-v5'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"L = require('leaflet@1.2.0')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":86,"value":"map = {\n let container = DOM.element('div', {style: `width:${width}px;height:${width/1.6}px`});\n yield container;\n let map = L.map(container).setView([60.00, -100], 3.5);\n let baseLayer = L.tileLayer(\n 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', \n {\n attribution: '© OpenStreetMap contributors'\n })\n .addTo(map); \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W38","stdlib":"1","titling":"auto"}} 30:"$2f:body"