Social – Shahee Ilyas

Thaana Type

Research & development of Thaana fonts
Communication design, Research

  _     _                                     
 | |   | |                                    
 | |_  | |__     __ _    __ _   _ __     __ _ 
 | __| | '_ \   / _` |  / _` | | '_ \   / _` |
 | |_  | | | | | (_| | | (_| | | | | | | (_| |
  \__| |_| |_|  \__,_|  \__,_| |_| |_|  \__,_|
                                              
                                              
  _                          
 | |                         
 | |_   _   _   _ __     ___ 
 | __| | | | | | '_ \   / _ \
 | |_  | |_| | | |_) | |  __/
  \__|  \__, | | .__/   \___|
         __/ | | |           
        |___/  |_|

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)

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
Computer programming, Data visualization, Research

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 ;   
  }

Nakaiy Nevi

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

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]
  }); 
}

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
Computer programming, Data visualization, Exhibitions, Research

#!/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
Communication design, Computer programming, Data visualization, Exhibitions, Research

#!/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)
Computer programming, Data visualization, Research

                      _       _                                         _     
                     | |     | |                                       | |    
  _ __ ___   __   __ | |__   | |   ___     __ _    ___    ___   _ __   | |__  
 | '_ ` _ \  \ \ / / | '_ \  | |  / _ \   / _` |  / _ \  / __| | '_ \  | '_ \ 
 | | | | | |  \ V /  | |_) | | | | (_) | | (_| | | (_) | \__ \ | |_) | | | | |
 |_| |_| |_|   \_/   |_.__/  |_|  \___/   \__, |  \___/  |___/ | .__/  |_| |_|
                                           __/ |               | |            
                                          |___/                |_|            
                     
                     
   ___   _ __    ___ 
  / _ \ | '__|  / _ \
 |  __/ | |    |  __/
  \___| |_|     \___|