Website – Shahee Ilyas

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)

#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

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

Azidon – brand development

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

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

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

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

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