Rockingcool
/
india-translator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Define color directly in the 'languages' object, instead of separately

Browse Source
master
Aadhavan Srinivasan 1 month ago
parent d8bdb048c4
commit 6ba1189c6c
1 changed files with 27 additions and 57 deletions
Show Stats Download Patch File Download Diff File

84
index.js
Unescape Escape View File

@ -1,57 +1,32 @@
const svg = d3.select("svg")
const tamilColor = "#75d795" // Tamil
const malayalamColor = "#ff7c7c" // Malayalam
const kannadaColor = "#ffe77c" // Kannada
const teluguColor = "#7c9dff" // Telugu
const marathiColor = "#e0ff7c" // Marathi
const konkaniColor = "#9b7cff" // Konkani
const hindiColor = "#d17cff" // Hindi
const gujaratiColor = "#7cffee" // Gujarati
const marwariColor = "#7bc4c9" // Marwari
const oriyaColor = "#9bcc9f" // Oriya
const bengaliColor = "#bf9a77" // Bengali
const punjabiColor = "#e84a35" // Punjabi
const mizoColor = "#a6a4de" // Mizo
const assameseColor = "#c9535b" // Assamese
const bhojpuriColor = "#b3b876" // Bhojpuri
const manipuriColor = "#c9afad" // Manipuri
const dogriColor = "#9595e6" // Dogri (near Kashmir)
const nepaliColor = "#71998e" // Nepali
const urduColor = "#3fa179" // Urdu
const tuluColor = "#dedc52" // Tulu
const maithaliColor = "#4472a6" // Maithali
const santaliColor = "#96bf60" // Santhali
const sindhiColor = "#e89931" // Sindhi
const awadhiColor = "#847fb5" // Awadhi
const defaultColor = "#555555"
const languages = {
tamil: {name: "Tamil", color: tamilColor, code: "ta", districts: []},
malayalam: {name: "Malayalam", color: malayalamColor, code: "ml", districts: []},
kannada: {name: "Kannada", color: kannadaColor, code: "kn", districts: []},
telugu: {name: "Telugu", color: teluguColor, code: "te", districts: []},
marathi: {name: "Marathi", color: marathiColor, code: "mr", districts: []},
konkani: {name: "Konkani", color: konkaniColor, code: "gom", districts: []},
hindi: {name: "Hindi", color: hindiColor, code: "hi", districts: []},
gujarati: {name: "Gujarati", color: gujaratiColor, code: "gu", districts: []},
marwari: {name: "Marwari", color: marwariColor, code: "mwr", districts: []},
oriya: {name: "Oriya", color: oriyaColor, code: "or", districts: []},
bengali: {name: "Bengali", color: bengaliColor, code: "bn", districts: []},
punjabi: {name: "Punjabi", color: punjabiColor, code: "pa", districts: []},
mizo: {name: "Mizo", color: mizoColor, code: "lus", districts: []},
assamese: {name: "Assamese", color: assameseColor, code: "as", districts: []},
bhojpuri: {name: "Bhojpuri", color: bhojpuriColor, code: "bho", districts: []},
manipuri: {name: "Manipuri", color: manipuriColor, code: "mni-Mtei", districts: []},
dogri: {name: "Dogri", color: dogriColor, code: "doi", districts: []},
nepali: {name: "Nepali", color: nepaliColor, code: "ne", districts: []},
urdu: {name: "Urdu", color: urduColor, code: "ur", districts: []},
tulu: {name: "Tulu", color: tuluColor, code: "tcy", districts: []},
maithali: {name: "Maithali", color: maithaliColor, code: "mai", districts: []},
santali: {name: "Santali", color: santaliColor, code: "sat", districts: []},
sindhi: {name: "Sindhi", color: sindhiColor, code: "sd", districts: []},
awadhi: {name: "Awadhi", color: awadhiColor, code: "awa", districts: []},
tamil: {name: "Tamil", color: "#75d795", code: "ta", districts: []},
malayalam: {name: "Malayalam", color: "#ff7c7c", code: "ml", districts: []},
kannada: {name: "Kannada", color: "#ffe77c", code: "kn", districts: []},
telugu: {name: "Telugu", color: "#7c9dff", code: "te", districts: []},
marathi: {name: "Marathi", color: "#e0ff7c", code: "mr", districts: []},
konkani: {name: "Konkani", color: "#9b7cff", code: "gom", districts: []},
hindi: {name: "Hindi", color: "#d17cff", code: "hi", districts: []},
gujarati: {name: "Gujarati", color: "#7cffee", code: "gu", districts: []},
marwari: {name: "Marwari", color: "#7bc4c9", code: "mwr", districts: []},
oriya: {name: "Oriya", color: "#9bcc9f", code: "or", districts: []},
bengali: {name: "Bengali", color: "#bf9a77", code: "bn", districts: []},
punjabi: {name: "Punjabi", color: "#e84a35", code: "pa", districts: []},
mizo: {name: "Mizo", color: "#a6a4de", code: "lus", districts: []},
assamese: {name: "Assamese", color: "#c9535b", code: "as", districts: []},
bhojpuri: {name: "Bhojpuri", color: "#b3b876", code: "bho", districts: []},
manipuri: {name: "Manipuri", color: "#c9afad", code: "mni-Mtei", districts: []},
dogri: {name: "Dogri", color: "#9595e6", code: "doi", districts: []},
nepali: {name: "Nepali", color: "#71998e", code: "ne", districts: []},
urdu: {name: "Urdu", color: "#3fa179", code: "ur", districts: []},
tulu: {name: "Tulu", color: "#dedc52", code: "tcy", districts: []},
maithali: {name: "Maithali", color: "#4472a6", code: "mai", districts: []},
santali: {name: "Santali", color: "#96bf60", code: "sat", districts: []},
sindhi: {name: "Sindhi", color: "#e89931", code: "sd", districts: []},
awadhi: {name: "Awadhi", color: "#847fb5", code: "awa", districts: []},
};
// Credit: https://www.artcraftblend.com/blogs/colors/shades-of-pastel
@ -89,7 +64,6 @@ const state2lang = {
"Lakshadweep": languages["malayalam"],
"Delhi": languages["hindi"],
"Chandigarh": languages["hindi"]
}
const district2lang = { // Should override state colors
@ -166,14 +140,11 @@ const district2lang = { // Should override state colors
"Rae Bareli": languages["awadhi"],
"Amethi": languages["awadhi"],
"Bahraich": languages["awadhi"],
}
function reverseCoordArrays(coords) {
if (!Array.isArray(coords)) {
return coords;
return coords;
}
if (coords.every(item => Array.isArray(item) && item.length == 2 && item.every(val => Number.isFinite(val)))) {
if (!turf.booleanClockwise(coords)) {
@ -285,7 +256,7 @@ function drawMap(world) {
const coordinates = [77.69916967457782,23.389970772934166];
const [xCoord, yCoord] = projection(coordinates);
svg.append("text")
.attr("x", xCoord)
.attr("y", yCoord)
@ -299,7 +270,7 @@ function drawMap(world) {
// "type": "FeatureCollection",
// "features": lang.districts
// };
//
//
// let outerBound = getOuterBoundaryPolygon(geojson.features)
// outerBound["id"] = "lang" + lang.name
// outerBound.properties["lang_name"]= lang.name
@ -318,4 +289,3 @@ function drawMap(world) {
}
d3.json("india_with_districts_with_languages.json").then(drawMap)

Write Preview
Loading…
Cancel
Save