Use language code instead of language name; removed 'unavail' language; don't add text for districts
This commit is contained in:
37
index.js
37
index.js
@@ -25,7 +25,7 @@ const santaliColor = "#96bf60" // Santhali
|
||||
const sindhiColor = "#e89931" // Sindhi
|
||||
const awadhiColor = "#847fb5" // Awadhi
|
||||
|
||||
const unavailLangColor = "#555555"
|
||||
const defaultColor = "#555555"
|
||||
|
||||
const languages = {
|
||||
tamil: {name: "Tamil", color: tamilColor, code: "ta", districts: []},
|
||||
@@ -52,7 +52,6 @@ const languages = {
|
||||
santali: {name: "Santali", color: santaliColor, code: "sat", districts: []},
|
||||
sindhi: {name: "Sindhi", color: sindhiColor, code: "sd", districts: []},
|
||||
awadhi: {name: "Awadhi", color: awadhiColor, code: "awa", districts: []},
|
||||
unavail: {name: "Unavailable", color: unavailLangColor, code: "unavailable", districts: []},
|
||||
};
|
||||
|
||||
// Credit: https://www.artcraftblend.com/blogs/colors/shades-of-pastel
|
||||
@@ -71,12 +70,9 @@ const state2lang = {
|
||||
"Jharkhand": languages["hindi"], // DEFAULT
|
||||
"West Bengal": languages["bengali"],
|
||||
"Assam": languages["assamese"],
|
||||
"Meghalaya": languages["unavail"], // DEFAULT
|
||||
"Tripura": languages["bengali"],
|
||||
"Mizoram": languages["mizo"],
|
||||
"Manipur": languages["manipuri"],
|
||||
"Nagaland": languages["unavail"], // DEFAULT
|
||||
"Arunachal Pradesh": languages["unavail"], // DEFAULT
|
||||
"Sikkim": languages["nepali"],
|
||||
"Bihar": languages["bhojpuri"],
|
||||
"Madhya Pradesh": languages["hindi"],
|
||||
@@ -91,7 +87,6 @@ const state2lang = {
|
||||
"Dadra and Nagar Haveli and Daman and Diu": languages["gujarati"],
|
||||
"Puducherry": languages["tamil"],
|
||||
"Lakshadweep": languages["malayalam"],
|
||||
"Andaman and Nicobar Islands": languages["unavail"],
|
||||
"Delhi": languages["hindi"],
|
||||
"Chandigarh": languages["hindi"]
|
||||
|
||||
@@ -239,16 +234,27 @@ function drawMap(world) {
|
||||
.attr("class", d => stateOrDistrictOrLanguage(d))
|
||||
.attr("fill", function(d) {
|
||||
if (stateOrDistrictOrLanguage(d) === "district") {
|
||||
return district2lang.hasOwnProperty(d.properties.district) ?
|
||||
district2lang[d.properties.district].color :
|
||||
state2lang[d.properties.st_nm].color
|
||||
if (district2lang.hasOwnProperty(d.properties.district)) {
|
||||
return district2lang[d.properties.district].color;
|
||||
} else if (state2lang.hasOwnProperty(d.properties.st_nm)) {
|
||||
return state2lang[d.properties.st_nm].color;
|
||||
} else {
|
||||
return defaultColor;
|
||||
}
|
||||
}
|
||||
})
|
||||
.each(function(d) {
|
||||
if (stateOrDistrictOrLanguage(d) === "district") {
|
||||
districtLang = district2lang.hasOwnProperty(d.properties.district) ? district2lang[d.properties.district] : state2lang[d.properties.st_nm];
|
||||
let districtLang;
|
||||
if (district2lang.hasOwnProperty(d.properties.district)) {
|
||||
districtLang = district2lang[d.properties.district];
|
||||
} else if (state2lang.hasOwnProperty(d.properties.st_nm)) {
|
||||
districtLang = state2lang[d.properties.st_nm];
|
||||
}
|
||||
if (typeof districtLang !== 'undefined') {
|
||||
districtLang.districts.push(d)
|
||||
}
|
||||
}
|
||||
})
|
||||
.append("title") // Tooltip
|
||||
.text(d => d.properties.district);
|
||||
@@ -260,12 +266,18 @@ function drawMap(world) {
|
||||
.attr("font-size", "12px")
|
||||
.attr("fill", "black")
|
||||
.attr("class", "languageText")
|
||||
.attr("id", d => d.properties.lang_name+"Text")
|
||||
.attr("id", function(d) {
|
||||
if (stateOrDistrictOrLanguage(d) == "language") {
|
||||
return d.properties.lang_code+"Text"
|
||||
} else {
|
||||
d3.select(this).remove()
|
||||
}
|
||||
})
|
||||
.text(function(d) {
|
||||
if (stateOrDistrictOrLanguage(d) == "language") {
|
||||
return d.properties.lang_name;
|
||||
} else {
|
||||
return d.properties.district;
|
||||
d3.select(this).remove() // Only add text if the element is a language
|
||||
}
|
||||
});
|
||||
|
||||
@@ -291,6 +303,7 @@ function drawMap(world) {
|
||||
// let outerBound = getOuterBoundaryPolygon(geojson.features)
|
||||
// outerBound["id"] = "lang" + lang.name
|
||||
// outerBound.properties["lang_name"]= lang.name
|
||||
// outerBound.properties["lang_code"]= lang.code
|
||||
// allLangs.push(outerBound);
|
||||
|
||||
// svg.append("path")
|
||||
|
Reference in New Issue
Block a user