Projects – Shahee Ilyas

Thaana Type

Research & development of Thaana fonts
Analysis, Communication design

   __     __                                  
  / /_   / /_   ____ _  ____ _   ____   ____ _
 / __/  / __ \ / __ `/ / __ `/  / __ \ / __ `/
/ /_   / / / // /_/ / / /_/ /  / / / // /_/ / 
\__/  /_/ /_/ \__,_/  \__,_/  /_/ /_/ \__,_/  
                                              
   __                         
  / /_   __  __    ____   ___ 
 / __/  / / / /   / __ \ / _ \
/ /_   / /_/ /   / /_/ //  __/
\__/   \__, /   / .___/ \___/ 
      /____/   /_/

PhotoPie

Web app for colour data visualisations of photos
Computer programming, Data visualization

var img = new Image()
  img.onload = function () {
    var canvas = document.createElement('canvas')
    canvas.width = width
    canvas.height = width * (img.height / img.width)
    var ctx = canvas.getContext('2d')
    ctx.drawImage(img, 0, 0, width, canvas.height)
    var id = ctx.getImageData(0, 0, canvas.width, canvas.height)

Dot memorial

A personal memorial for lives lost due to covid-19
Computer programming, Data visualization

mport csv, json, urllib.request, datetime
from codecs import iterdecode
def main(latest):
    url =   'https://raw.githubusercontent.com/CSSEGISandData/COVID-19/'   
+'master/csse_covid_19_data/csse_covid_19_daily_reports/'
            +latest+'.csv'
    try:
        latest = urllib.request.urlopen(url)
        return generatejson(latest)
    except urllib.request.HTTPError:
        print('url not found')
        return False
def generatejson(csvfile):
    data = {}
    total = 0
    csvReader = csv.DictReader(iterdecode(csvfile, 'utf-8'))
    for row in csvReader:
        name = row['Country_Region']
        Deaths = int(row['Deaths'])    
        if name not in data:
            data[name] = Deaths
        else:
            data[name] += Deaths
        total += Deaths
    data = {k: v for k, v in sorted(data.items(), key=lambda item: item[1],reverse=True)}
    with open('data.json', 'w') as jsonfile:
        jsonfile.write(json.dumps(data))
    return total

Maldives population poster and notebook

Population awareness materials for UNFPA
Communication design, Computer programming, Data visualization

textAlign(CENTER, CENTER);
int count = 0;
int y = 50;
int x = 50;
int atoll = 0;
for (TableRow islandrow : islands.rows()) {
     if (count%19 == 0 /*|| atoll != islandrow.getInt("Misc")*/ ) {
         y += 52;
         x = 47;
         count=0;
     }
     //if (atoll == 9) { continue;} //skip male'
     count++;
     String islandname = islandrow.getString("Name");
     int islandpop = islandrow.getInt("2014");

Maldives census visualisations

Data visualisations & knowledge products for UNFPA
Communication design, Computer programming, Data visualization

import processing.pdf.*;

Table atolls;
PGraphicsPDF pdf;
PFont helvetica;

void draw() {
  textFont(helvetica);
  textSize(2);
  textAlign(CENTER);
  float scale = 300;
  String[] years = {"1911", "1921","1953","1960",  "1965","1977","1985","1990","1995","2000","2006","2014"};
  for (TableRow atollrow : atolls.rows()) {
    String atoll_short = atollrow.getString("Atoll_short");
    float lat = atollrow.getFloat("Lat");
    float lon = atollrow.getFloat("Long");    
    pushMatrix();

#mvelection2013

2013 Maldives presidential election results analytics
Analysis, Computer programming, Data visualization

function r(id, label, mdp, ppm, jp, gi, invalid, nonvoters, max) {
  var total = mdp+ppm+jp+gi+invalid+nonvoters+max;
  var canvas = document.createElement('canvas');
  var chartwidth = 2100;
  var chartheight = 50;
  var top = 2;
  if (max < 10000 && max != 0) {
    canvas.width = 2100; 
  } else {
    chartwidth = 800;
    canvas.width = chartwidth ;   
  }

Lets Go Maldives rebranding

Complete rebranding of the travel agency
Communication design, Computer programming

    __         __                                
   / /  ___   / /_   _____          ____ _  ____ 
  / /  / _ \ / __/  / ___/         / __ `/ / __ \
 / /  /  __// /_   (__  )         / /_/ / / /_/ /
/_/   \___/ \__/  /____/          \__, /  \____/ 
                                 /____/          
                        __       __    _                      
   ____ ___   ____ _   / /  ____/ /   (_) _   __  ___    _____
  / __ `__ \ / __ `/  / /  / __  /   / / | | / / / _ \  / ___/
 / / / / / // /_/ /  / /  / /_/ /   / /  | |/ / /  __/ (__  ) 
/_/ /_/ /_/ \__,_/  /_/   \__,_/   /_/   |___/  \___/ /____/

Nakaiy Nevi

Seasons of the Maldives – a mobile app
Analysis, Communication design, Computer programming, Data visualization

for (var i=1; i<nakaiy.length; i++){
  nakaiydb.insert({ id:i, 
    nakaiy:nakaiy[i][0], 
    dates:nakaiy[i][1], 
    season:nakaiy[i][2], 
    number:nakaiy[i][3], 
    description:nakaiy[i][4], 
    meaning:nakaiy[i][5], 
    weather:nakaiy[i][6], 
    averages:nakaiy[i][7], 
    fishing:nakaiy[i][8], 
    agriculture:nakaiy[i][9], 
    asterism:nakaiy[i][10]
  }); 
}

Azidon – brand development

Development of brand identity & marketing materials
Communication design, Computer programming

                 _        __               
  ____ _ ____   (_)  ____/ /  ____    ____ 
 / __ `//_  /  / /  / __  /  / __ \  / __ \
/ /_/ /  / /_ / /  / /_/ /  / /_/ / / / / /
\__,_/  /___//_/   \__,_/   \____/ /_/ /_/ 
                                           
    __                                 __
   / /_    _____  ____ _   ____   ____/ /
  / __ \  / ___/ / __ `/  / __ \ / __  / 
 / /_/ / / /    / /_/ /  / / / // /_/ /  
/_.___/ /_/     \__,_/  /_/ /_/ \__,_/

DHL Advertising in Maldives

Brochures, posters, billboards & exhibition stall
Communication design

       __    __      __
  ____/ /   / /_    / /
 / __  /   / __ \  / / 
/ /_/ /   / / / / / /  
\__,_/   /_/ /_/ /_/   
                       
               __                        __     _             _         
  ____ _  ____/ / _   __  ___    _____  / /_   (_)   _____   (_)   ____ 
 / __ `/ / __  / | | / / / _ \  / ___/ / __/  / /   / ___/  / /   / __ \
/ /_/ / / /_/ /  | |/ / /  __/ / /    / /_   / /   (__  )  / /   / / / /
\__,_/  \__,_/   |___/  \___/ /_/     \__/  /_/   /____/  /_/   /_/ /_/

Islands of Maldives

Islands of Maldives (aligning together)
Analysis, Computer programming, Data visualization

import processing.video.*;
MovieMaker mm;
....
float x = -7000 + float(pieces[6])*100;
float y = 715 + float(pieces[7])*-100;
scale(50);
String[] shapes = split(pieces[0], ',');

beginShape();
  for (int nodes = 0; nodes < shapes.length; nodes = nodes+1) {
    String[] xy = split(shapes[nodes]," ");  
    float x1 = -7000 + float(xy[0])*100 - x+6.4;
    float y1 = 715 + float(xy[1])*-100 - y+4.0;
    vertex(x1, y1);
  }
endShape(CLOSE);

UNDP Rakaavethibeyyaa Dhivehiraaje

Generative logo design
Communication design, Computer programming, Data visualization

foreach ($xml->children() as $atolls) {
  $island_count = 0;
  foreach ($atolls->children() as $atoll){
    $content .= '';
    foreach ($atoll->children() as $island){
      $content .= 'x  . '" y="' . $island->y . '" 
              width="' . $island->size . '" height="'. $height .'" 
              fill="black"  />  ';  
    }
    $content .= '';
  }
}

Framing Leaders

Algorithmically generated framed pictures of heads of governments
Analysis, Computer programming, Data visualization, Exhibitions

#!/usr/bin/python
#
import datetime
for row in cursor.fetchall():
  if row['country_code'] + ".png" in srcfiles:
    x = datetime.datetime.now().date() - row['h_gov_since']
    if x.days > 365*2:
      years = " ("+ str(math.floor(x.days/365))[:-2] + " years)"
    elif x.days < 365:
      years = " ("+ str(x.days) + " days)"
      
    else:
      years = " ("+ str(math.floor(x.days/365))[:-2] + " year)" 
    img = row['country_code'] + ".png"
    imgs.append(img)
    li[img] = row['country_name'].capitalize() + years
    height.append(Image.open(pathx + img).size[1]+35)
    width.append(Image.open(pathx + img).size[0]+20)

Flags By Colours

Data visualization experiment using flags of the world
Analysis, Communication design, Computer programming, Data visualization, Exhibitions

#!/usr/bin/python
#
from sys import argv
import Image, ImageDraw 
im = Image.open(argv[1]) 
im = im.convert('RGB') 
colors = {}; total = 0
for y in range(im.size[1]):
  for x in range(im.size[0]):
    color = im.getpixel((x,y))
    if color in colors.keys():
      colors[color] += 1
    else:
      colors[color] = 1
    total += 1

Generator

An evolving algorithm that generates music & visuals
Computer programming, Data visualization, Exhibitions

#!/usr/bin/python
from common import *
import random


while 1:
  num = 000
  files = ls (images, 'jpg')
  last = len(files)
  half = str(round (last/2))
  half = int(half[:half.find('.')])-3
  using = files[last-10:last]
  using.sort()
  using.reverse()
  using += files[half:half+10]

mvblogosphere

Mapping of the Maldivian blogosphere (2006-2014)
Analysis, Computer programming, Data visualization

                       __      __                                            __  
   ____ ___  _   __   / /_    / /  ____    ____ _  ____    _____    ____    / /_ 
  / __ `__ \| | / /  / __ \  / /  / __ \  / __ `/ / __ \  / ___/   / __ \  / __ \
 / / / / / /| |/ /  / /_/ / / /  / /_/ / / /_/ / / /_/ / (__  )   / /_/ / / / / /
/_/ /_/ /_/ |___/  /_.___/ /_/   \____/  \__, /  \____/ /____/   / .___/ /_/ /_/ 
                                        /____/                  /_/              
                    
  ___    _____  ___ 
 / _ \  / ___/ / _ \
/  __/ / /    /  __/
\___/ /_/     \___/

Drawing With Light

Mapping photography & its links to social, political & aesthetic systems
Analysis

       __                              _                  
  ____/ /   _____  ____ _ _      __   (_)   ____    ____ _
 / __  /   / ___/ / __ `/| | /| / /  / /   / __ \  / __ `/
/ /_/ /   / /    / /_/ / | |/ |/ /  / /   / / / / / /_/ / 
\__,_/   /_/     \__,_/  |__/|__/  /_/   /_/ /_/  \__, /  
                                                 /____/   
              _    __     __             __    _              __     __ 
 _      __   (_)  / /_   / /_           / /   (_)   ____ _   / /_   / /_
| | /| / /  / /  / __/  / __ \         / /   / /   / __ `/  / __ \ / __/
| |/ |/ /  / /  / /_   / / / /        / /   / /   / /_/ /  / / / // /_  
|__/|__/  /_/   \__/  /_/ /_/        /_/   /_/    \__, /  /_/ /_/ \__/  
                                                 /____/