vis4.net | Visual Interaction Development in Flash, HTML5 and Processing
If you're using Piwik, the open source web analytics tool, then you probably already missed a map visualization of your visitors location, which is a standard feature of all major web analytics tools. As I really like the idea of ...
Simplification is a common task in vector-based map visualization. In some situations you don't want to display a map in its full resolution for reasons like the overall filesize and the rendering time. One major class of simplification algorithms works by removing some vertices without moving the remaining ones. While there are already some good tutorials for implementation of line simplification algorithms online[1. for instance the Douglas Peuker Line Generalization or Lang Simplification and McMaster's Slide Averaging Algorithm], none of them takes into account the special requirements of map data simplifications. This gap will be closed by this post.
This is a small class that I use very often. Its purpose is to simplify the execution of methods after a specific delay. Normally you would have to create a new Timer instance, attach an event listener for the TimerEvent.TIMER event and find a way to store the arguments that ...
This is an AIR application I built for an assignment in the course Interactive Systems at the university. This video demonstrates all features like touch guestures and filtering. Since I don't own a touchscreen, this is only a "fake" touch video. I'd love to try this out on ...
View Simple Touch Interface for an Imaginary Video Rental Store
There are a lot of nice text features in the new flash text layout framework but obviosly there is still one important feature missing: Hyphenation. Until today, there is no native hyphenation support in the flashplayer. I decided to fill this gap by porting the Hyphenator.js library by Mathias Nater to ActionScript. In this post I'll demonstrate text hyphenation in flash.
Many people are talking about html5 and the death of Flash in these days, so I decided to do a small speed comparison of map renderings between HTML5 and Flash. I took the quick and dirty example from my previous map rendering tutorial and ported it into html5/javascript. The ...
This tutorial is the third part of a tutorial series about customized map projection in flash/actionscript. It demonstrates how to draw a world map using the as3-proj library and some helper classes. I assume that we read in a shapefile using the SHP library as shown in the previous tutorial.
This tutorial is the second part of a tutorial series about customized map projection in flash/actionscript. It shows how to import a shapefile into ActionScript via the SHP library by Edwin van Rijkom.
Today I want to introduce as3-proj, an actionscript port of the java map projection library by Jerry Huxtable, which is itself an partial port of the PROJ.4 library. It's basically a huge set of over sixty ...
Most people already know about the wonderful and free flag icon set from famfamfam. They are used in many websites and software projects around the world and beautified countless country selection boxes. Today I had to create such beautiful country ...
Update: I strongly recommend the use of as3-proj instead, which includes far more map projections and lots of other features. Something you definitely need if you're planning to create some geospatial visualizations from scratch is map projection. Map projection means the conversion of sphere coordinates (basically pairs of latitude and longitude values) to 2D-screen coordinates. While this is very easy for smaller regions like single countries things are getting complicated if you want to display the whole world.
I just made a corrected version of the previosly mentioned visualization using ActionScript. I tried a few map projections and decided to use the Winkel III projection which has a few advantages over the Mercator projection. One of them is the accaptable area distortion of countries near the ...
Polygons play a major role in a lot of visualization applications. Beside of the possibility of drawing polygons, there is neither an explicit presentation of polygon data nor are common polygon operations supported in ActionScript. As far as I know there is no simple solution available that solves the following geometrical problems for simple 2D polygons, so I wrote one.
Today I'm going to demonstrate a simple geospation visualization in flash. Therefore I used a scalable vector graphic of germany which contains individual shapes for every district. and labeled them to the specific district id used by lots of datasets. The common source for data about germany is the ...
View Simple Geospatial Visualizations – German Population Density
In Anlehnung an das Einführungsbeispiel aus Ben Fry's schönem Buch Visualizing Data habe ich gerade eine kleine Visualisierung der deutschen Postleitzahlen gebastelt. Sobald der Flashfilm den Keyboardfokus hat, kann eine Postleitzahl eingegeben werden. Der zugehörige Bereich färbt sich rot. Als Datenquelle wurde die OpenGeoDB eingesetzt. Update: Mit der Taste ...
Easing-Funktionen werden verwendet, um sanftere Bewegungsabläufe in Tweens zu erzeugen[1. siehe auch http://www.robertpenner.com/easing/]. Die Funktionen berechnen in Abhängigkeit von der verstrichenen Zeit t, dem Startwert s, der gewünschten Wertänderung c und der Gesamtdauer der Animation d einen neuen Wert für den Ort eines Objektes. Natürlich können Easing-Funktionen auch für ...
Ein gewaltiges Problem bei Usability von Flashanwendungen ist die Überschreibung der Keyboard-Shortcuts des Browsers. Hat eine Flashanwendung einmal den Fokus (den bekommt sie zum Beispiel, wenn man in den Film klickt), so werden erstmal alle Tastatureingaben von Flashplayer abgefangen. Besonders schlimm wirkt sich dieser Effekt bei Einstellungen aus, die man nicht mehr mit der Maus zurücksetzen kann.
View Flashanwendungen benutzerfreundlich in HTML-Seiten einbetten
PerceptualColor ist eine ActionScript3-Klasse, die zwischen den Farbräumen RGB, HSV, HSL und HSI umrechnen kann. RGB-Farben können dabei sowohl als Integer (zb. 0xFF0000), Hexadezimalzahl (z.B. "#FF0000") oder komponentenweise (R: 255, G:0, B:0) ein- und ausgegeben werden. Die Klasse hat keine weiteren Vorraussetzungen und läuft ab Flashplayer 9.
FolioGrid - a Premium Wordpress Theme by FrogsThemes.com