Working on defining a 'language' boundary, separate from state and district boundaries

index.js

@@ -1,5 +1,4 @@
 const svg = d3.select("svg")
-const colorToDistrict = new Map()
 
 const tamilColor = "#75d795" // Tamil
 const malayalamColor = "#ff7c7c" // Malayalam
@@ -14,7 +13,7 @@ const oriyaColor = "#9bcc9f" // Oriya
 const bengaliColor = "#bf9a77" // Bengali
 const punjabiColor = "#e84a35" // Punjabi
 const mizoColor = "#a6a4de" // Mizo
-const AssameseColor = "#c9535b" // Assamese
+const assameseColor = "#c9535b" // Assamese
 const bhojpuriColor = "#b3b876" // Bhojpuri
 const manipuriColor = "#c9afad" // Manipuri
 const dogriColor = "#9595e6" // Dogri (near Kashmir)
@@ -25,109 +24,122 @@ const maithaliColor = "#4472a6" // Maithali
 
 const unavailLangColor = "#555555"
 
+const languages = {
+			tamil: {name: "Tamil", color: tamilColor, districts: []},
+			malayalam: {name: "Malayalam", color: malayalamColor, districts: []},
+			kannada: {name: "Kannada", color: kannadaColor, districts: []},
+			telugu: {name: "Telugu", color: teluguColor, districts: []},
+			marathi: {name: "Marathi", color: marathiColor, districts: []},
+			konkani: {name: "Konkani", color: konkaniColor, districts: []},
+			hindi: {name: "Hindi", color: hindiColor, districts: []},
+			gujarati: {name: "Gujarati", color: gujaratiColor, districts: []},
+			marwari: {name: "Marwari", color: marwariColor, districts: []},
+			oriya: {name: "Oriya", color: oriyaColor, districts: []},
+			bengali: {name: "Bengali", color: bengaliColor, districts: []},
+			punjabi: {name: "Punjabi", color: punjabiColor, districts: []},
+			mizo: {name: "Mizo", color: mizoColor, districts: []},
+			assamese: {name: "Assamese", color: assameseColor, districts: []},
+			bhojpuri: {name: "Bhojpuri", color: bhojpuriColor, districts: []},
+			manipuri: {name: "Manipuri", color: manipuriColor, districts: []},
+			dogri: {name: "Dogri", color: dogriColor, districts: []},
+			nepali: {name: "Nepali", color: nepaliColor, districts: []},
+			urdu: {name: "Urdu", color: urduColor, districts: []},
+			tulu: {name: "Tulu", color: tuluColor, districts: []},
+			maithali: {name: "Maithali", color: maithaliColor, districts: []},
+			unavail: {name: "Unavailable", color: unavailLangColor, districts: []},
+			};
+
 // Credit: https://www.artcraftblend.com/blogs/colors/shades-of-pastel
-const colorMap = {
+const state2lang = {
-		"Tamil Nadu": tamilColor,
+		"Tamil Nadu": languages["tamil"],
-		"Kerala": malayalamColor,
+		"Kerala": languages["malayalam"],
-		"Karnataka": kannadaColor,
+		"Karnataka": languages["kannada"],
-		"Andhra Pradesh": teluguColor,
+		"Andhra Pradesh": languages["telugu"],
-		"Telangana": teluguColor,
+		"Telangana": languages["telugu"],
-		"Maharashtra": marathiColor,
+		"Maharashtra": languages["marathi"],
-		"Goa": konkaniColor,
+		"Goa": languages["konkani"],
-		"Odisha": oriyaColor,
+		"Odisha": languages["oriya"],
-		"Gujarat": gujaratiColor,
+		"Gujarat": languages["gujarati"],
-		"Rajasthan": marwariColor,
+		"Rajasthan": languages["marwari"],
-		"Chhattisgarh": hindiColor,
+		"Chhattisgarh": languages["hindi"],
-		"Jharkhand": hindiColor, // DEFAULT
+		"Jharkhand": languages["hindi"], // DEFAULT
-		"West Bengal": bengaliColor,
+		"West Bengal": languages["bengali"],
-		"Assam": AssameseColor,
+		"Assam": languages["assamese"],
-		"Meghalaya": unavailLangColor, // DEFAULT
+		"Meghalaya": languages["unavail"], // DEFAULT
-		"Tripura": bengaliColor,
+		"Tripura": languages["bengali"],
-		"Mizoram": mizoColor,
+		"Mizoram": languages["mizo"],
-		"Manipur": manipuriColor,
+		"Manipur": languages["manipuri"],
-		"Nagaland": unavailLangColor, // DEFAULT
+		"Nagaland": languages["unavail"], // DEFAULT
-		"Arunachal Pradesh": unavailLangColor, // DEFAULT
+		"Arunachal Pradesh": languages["unavail"], // DEFAULT
-		"Sikkim": nepaliColor,
+		"Sikkim": languages["nepali"],
-		"Bihar": bhojpuriColor,
+		"Bihar": languages["bhojpuri"],
-		"Madhya Pradesh": hindiColor,
+		"Madhya Pradesh": languages["hindi"],
-		"Uttar Pradesh": hindiColor,
+		"Uttar Pradesh": languages["hindi"],
-		"Uttarakhand": hindiColor, // DEFAULT
+		"Uttarakhand": languages["hindi"], // DEFAULT
-		"Haryana": hindiColor, // DEFAULT
+		"Haryana": languages["hindi"], // DEFAULT
-		"Punjab": punjabiColor,
+		"Punjab": languages["punjabi"],
-		"Himachal Pradesh": hindiColor, // DEFAULT
+		"Himachal Pradesh": languages["hindi"], // DEFAULT
-		"Ladakh": dogriColor,
+		"Ladakh": languages["dogri"],
-		"Jammu and Kashmir": dogriColor,
+		"Jammu and Kashmir": languages["dogri"],
-}
+
+		"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"]
 
-const districtColorMap = { // Should override state colors
-	"Dakshina Kannada": tuluColor,
-
-	"Muzaffarpur": maithaliColor,
-	"West Champaran": maithaliColor,
-	"East Champaran": maithaliColor,
-	"Vaishali": maithaliColor,
-	"Sitamarhi": maithaliColor,
-	"Sheohar": maithaliColor,
-	"Saharsa": maithaliColor,
-	"Madhepura": maithaliColor,
-	"Supaul": maithaliColor,
-	"Araria": maithaliColor,
-	"Katihar": maithaliColor,
-	"Kishanganj": maithaliColor,
-	"Purnia": maithaliColor,
-	"Banka": maithaliColor,
-	"Bhagalpur": maithaliColor,
-	"Munger": maithaliColor,
-	"Begusarai": maithaliColor,
-	"Jamui": maithaliColor,
-	"Khagaria": maithaliColor,
-	"Sheikhpura": maithaliColor,
-	"Lakhisarai": maithaliColor,
-	"Godda": maithaliColor,
-	"Deoghar": maithaliColor,
-	"Dumka": maithaliColor,
-	"Jamtara": maithaliColor,
-	"Sahibganj": maithaliColor,
-	"Pakur": maithaliColor,
-	"Darbhanga": maithaliColor,
-	"Madhubani": maithaliColor,
-	"Samastipur:": maithaliColor,
-
-	"Moradabad": urduColor,
-	"Rampur": urduColor,
-	"Bijnor": urduColor,
-	"Amroha": urduColor,
-	"Meerut": urduColor,
-	"Ghaziabad": urduColor,
-	"Bulandshahr": urduColor,
-	"Aligarh": urduColor,
-	"Budaun": urduColor,
-	"Bareilly": urduColor,
-	"Sambhal": urduColor,
-	"Muzaffarnagar": urduColor,
-	"Saharanpur": urduColor,
-	"Shamli": urduColor,
-	"Hapur": urduColor,
 }
 
-// Assuming 'features' is your array of GeoJSON polygon features
+const district2lang = { // Should override state colors
-function getOuterBoundary(features) {
+	"Dakshina Kannada": languages["tulu"],
-  // Merge all polygons into a single multipolygon
+
-  const merged = turf.union(turf.featureCollection(features));
+	"Muzaffarpur": languages["maithali"],
-  
+	"West Champaran": languages["maithali"],
-  // If we have a multipolygon, extract its coordinates
+	"East Champaran": languages["maithali"],
-  const coordinates = merged.geometry.type === 'MultiPolygon' 
+	"Vaishali": languages["maithali"],
-    ? merged.geometry.coordinates 
+	"Sitamarhi": languages["maithali"],
-    : [merged.geometry.coordinates];
+	"Sheohar": languages["maithali"],
-  
+	"Saharsa": languages["maithali"],
-  // Extract just the outer ring of each polygon (first ring in each polygon)
+	"Madhepura": languages["maithali"],
-  const outerRings = coordinates.map(polygon => polygon[0]);
+	"Supaul": languages["maithali"],
-  
+	"Araria": languages["maithali"],
-  // Create a new Feature with a MultiLineString geometry containing the outer rings
+	"Katihar": languages["maithali"],
-  const boundary = turf.multiLineString(outerRings);
+	"Kishanganj": languages["maithali"],
-  
+	"Purnia": languages["maithali"],
-console.log(boundary);
+	"Banka": languages["maithali"],
-  return boundary;
+	"Bhagalpur": languages["maithali"],
+	"Munger": languages["maithali"],
+	"Begusarai": languages["maithali"],
+	"Jamui": languages["maithali"],
+	"Khagaria": languages["maithali"],
+	"Sheikhpura": languages["maithali"],
+	"Lakhisarai": languages["maithali"],
+	"Godda": languages["maithali"],
+	"Deoghar": languages["maithali"],
+	"Dumka": languages["maithali"],
+	"Jamtara": languages["maithali"],
+	"Sahibganj": languages["maithali"],
+	"Pakur": languages["maithali"],
+	"Darbhanga": languages["maithali"],
+	"Madhubani": languages["maithali"],
+	"Samastipur": languages["maithali"],
+
+	"Moradabad": languages["urdu"],
+	"Rampur": languages["urdu"],
+	"Bijnor": languages["urdu"],
+	"Amroha": languages["urdu"],
+	"Meerut": languages["urdu"],
+	"Ghaziabad": languages["urdu"],
+	"Bulandshahr": languages["urdu"],
+	"Aligarh": languages["urdu"],
+	"Budaun": languages["urdu"],
+	"Bareilly": languages["urdu"],
+	"Sambhal": languages["urdu"],
+	"Muzaffarnagar": languages["urdu"],
+	"Saharanpur": languages["urdu"],
+	"Shamli": languages["urdu"],
+	"Hapur": languages["urdu"],
 }
 
 function getOuterBoundaryPolygon(features) {
@@ -171,16 +183,13 @@ function drawMap(world) {
 	states.append("path")
 		.attr("d", path)
 		.attr("class", d => stateOrDistrict(d))
-		.attr("fill", d => districtColorMap.hasOwnProperty(d.properties.district) ?
+		.attr("fill", d => district2lang.hasOwnProperty(d.properties.district) ?
-								districtColorMap[d.properties.district] :
+								district2lang[d.properties.district].color :
-								colorMap[d.properties.st_nm])
+								state2lang[d.properties.st_nm].color)
 		.each(function(d) {
 				if (stateOrDistrict(d) == "district") {
-					if (!colorToDistrict.hasOwnProperty(this.getAttribute("fill"))) {
+						districtLang = district2lang.hasOwnProperty(d.properties.district) ? district2lang[d.properties.district] : state2lang[d.properties.st_nm];
-						colorToDistrict[this.getAttribute("fill")] = [d]
+						districtLang.districts.push(d)
-					} else {
-						colorToDistrict[this.getAttribute("fill")].push(d)
-					}
 				}
 		})
 		.append("title") // Tooltip
@@ -197,27 +206,30 @@ function drawMap(world) {
       .text(d => d.properties.district);
 
 
+	//	for (const lang of languages) {
+			
+
 
-		// Example usage
 		let geojson = {
 		    "type": "FeatureCollection",
-		    "features": colorToDistrict[hindiColor]
+		    "features": languages["kannada"].districts
 		};
-		console.log(geojson)
 		
-	console.log(getOuterBoundaryPolygon(geojson.features));
+		let outerBound = getOuterBoundaryPolygon(geojson.features)
+		outerBound["id"] = "langKannada"
+		outerBound.properties["lang_name"]= "Kannada"
+		console.log(outerBound)
+		console.log(JSON.stringify(outerBound, null, 2));
 
   // Draw the boundary
   svg.append("path")
-    .datum(getOuterBoundaryPolygon(geojson.features))
+    .datum(outerBound)
     .attr("d", path)
     .attr("fill", "none")
     .attr("stroke", "red")
     .attr("stroke-width", 2);
 
-		const bbox = turf.bbox(getOuterBoundaryPolygon(geojson.features));
+  // 
-		console.log("Bounding box:", bbox);
-
 
 }