Posts filed under “coding”
How To Avoid Equidistant HSV Colors
As some of you pointed out in the comments of my last post, taking equidistant colors in the HSV color space is no solution for finding a set of colors that are perceived as equidistant. This post describes what's wrong with HSV and what we can do about this. Note that since this post contains [...]
Matching Regions of GeoIP and Natural Earth
In this post I'll describe the process of bringing together the region shapes from the Natural Earth dataset with the regions provided in the GeoCityLite database. In the GeoCityLite db, the regions are referenced by a two-letter ID (FIPS10-4 for some countries, ISO3366-2 for others). Initially I thought that those IDs would be same as [...]
Rendering SVG Country Maps in Python
In this post I will explain the rendering process of the Piwik country maps. The results will basically look like this:
Moving on with the Piwik Maps
Here's a short documentation of my current progress in re-creating the Piwik maps in SVG/JS. Since we're going to create at least one pre-generated map source file per country, file size is going to be an important issue. That's why we thought about removing all polygons whose area is below a certain threshold, say 10 [...]
Transforming a Processing Sketch to HTML5
More for exercising than for competition reasons, I recently recreated a great Processing visualization by Ben Fry using HTML5. I had the strong feeling that the kind of animation is totally doable without plugins like Java and Flash. This post sums up what I learned.
Generating Color Blindness Test Images with Processing
My wife recently observed my two-year-old son eating green strawberries and is now curious if he has some kind of red-green color blindness. Unfortunately, he is not yet able to give us the name of numbers, so the commonly used Ishihara test images won't do. Well, I thought it´s a nice idea for this rainy [...]
Vector Animation Performance: Flash vs. SVG
To make it clear: I love SVG. It's an open standard for description of vector graphics, it renders well in most common browsers, and it provides a huge amount of features. So, what's wrong with SVG? There's one little thing: SVG is slow, very slow! Here's a little example. I took one icon of the [...]
Kurzes Fazit zu SVG-Infografiken und RaphaelJS
Hab heute mal zur Übung meine Parteispendenvisualisierung in JavaScript/SVG nachgebaut. Das Ergebnis befindet sich hier. Fazit: RaphaelJS ist ein geiles Framework. Hat richtig Spaß gemacht damit zu arbeiten. Einarbeitung hat keine 10 Minuten gedauert. Die Entwicklung ging wesentlich schneller als ich dachte. Ohne irgendwelchen Code zu portieren hat mich der komplette rewrite from scratch nur [...]
Map Visualization Using OpenFlashMaps
If you know Edward Tufte's wonderful book "The Visual Display of Quantitative Information" you might already know the following visualization. The cool new thing is that it's rendered in Flash using OpenFlashMaps..
Simplification of Country Outlines
This post shows how I implemented simple polygon outline simplification in AS3.This post shows how I implemented simple polygon outline simplification in AS3.