Posts Tagged ‘SVG’

December 23rd, 2011

Tracking Luxembourg’s bike system

Google map overlayed with graph data

In the spring of 2011 I contacted the city of Luxembourg regarding obtaining data on their city bike share system, named vel’oh!, in order to use the data with the students I taught GIS to in the fall of 2011. Unfortunately no students showed interest in the data. I however dove into the data and did all sorts of spatial analysis and determined trends, statistics and visualizations to better understand the data. I was really only scratched the surface. With over 70 bike stations in the city, each one provides large possibilities for analysis. With my supervisor we met with the data donor from the city and presented our findings. During this meeting he asked me whether I thought certain stations required more bike locks/docks. Typically a station has 15-30 bike docks. The data I had could not address this question but I knew how to find the data in order to answer the question.


November 2nd, 2011

Alternate Clock Designs

Three different clocks

A day has 24 hours in it. That’s 1,440 minutes or 86,400 seconds. If you wonder why Americans don’t understand the need for using the metric system then ask yourself why you use this inconsistent time measurement system.

What if we could design a better time system that is easier to read and convert between units? Would it still have the same number of hours, minutes or seconds in a day?

Explore the designs.

October 25th, 2011

The unobfuscation of credit card statements

I don’t use credit cards as means of delaying payment over a longer period of time. I like their ease and simplicity. Swipe and go. I pay no fees. Life is simple. Of course when it’s time to view my credit card statements online it’s a big pain visualize my recent transaction history. Perhaps this is simply with my bank but it seems they want to make it as hard as possible or simply don’t care about user experience. If I want to view past transactions my only option is to download a PDF for each month. If I make a partial payment of my credit card balance owing, the system will only ever show me the total and never update to what remains. Only when the payment due date passes will it update and tack on interest and the remaining balance. I decided to create an interactive mock-up of what could be done to provide a more informative and usable experience when trying to understand the situation of your credit card debts.

April 27th, 2011

City Evolution

City Evolution close up

I recently read a journal article my supervisor had co-written and thought “I can do this!”. The article clearly laid out a procedure for creating a model that would distribute houses around a central business district based on the preferences of the agents and other model parameters.


November 6th, 2010

SVG Colour Palette Plugin

A few months back I completed an SVG palette for use with the dotifier. It makes selecting colours for any purpose much easier. I decided to modularize it for future projects and also make it available for others. You can test it and download the source files on the app’s page.

October 9th, 2010

Office Space

My current employer is growing fast yet is limited in office space. The official policy went from ‘hire many people to populate our offices’ to ‘if you hire someone please densify your offices’. One year ago offices where getting their second occupant but we are now many three occupants per office. The temporary building with temporary offices were designed to have two people per office. Getting three people to fit nicely in a comfortable and productive setting isn’t so easy.

A few people created paper models of the different furniture options and room constraint to get an idea of what was possible. I though of throwing together a quick SVG/JS application that would allow people to move furniture around would be useful. It took a bit longer than I expected but I’m happy with the result: Furnissure

March 17th, 2010

The DOTifier

While browsing logo design websites a few months back I noticed that multi coloured dot patterns are becoming popular. These aren’t polka dots or messy patterns of dots. These are clean well thought out designs. I thought designing a dot drawing application would be an interesting design project using javaScript and SVG. This would be practical to test out different dotted designs. While the program could use a little more refining such as placing dots a little more intelligently rather than the brute force/test approach, it works perfectly as it is and has a good number of options available.

I created two modes: Fill mode which randomly dotify’s the areas created, and Pen mode which allows you to draw on the canvas using a ‘dot’ pen of a desired thickness and lead in/out. You can get all sorts of fun effects by combining these. Go ahead and try it yourself. It works in Firefox, Safari, and Chrome – slight problems with Opera. Internet Explorer has no chance.

dotified flower dotified hot-air balloon dotified tree

February 1st, 2010

DRASTIC Interface

drastic interface

As part of my research project for the Canadian Water Network (CWN) I developed an SVG/JavaScript application that introduced people to some of the factors that can determine groundwater vulnerability to contamination. Following an explanation of what the factors are and how they are weighed, the site presents the Town of Greater Oliver in an interactive ‘layer’ map.

As part of my Masters research this interface was originally heavily embedded in JavaScript to track user behaviour – duration of use, mouse movement, and button clicks/location. The results of the research were inconclusive due to the superfluous manner in which the participants, first year geography students, completed the exercises. Perhaps the interface is partially responsible – but without further testing we will never know. Give drastic a try.