The website displays real-time lightning strikes on a map using data from the Finnish Meteorological Institute. It also converts the properties of these strikes into melodies that can be played live.
Here is a musical piece created through an improvised session layered over the lightning strike soundtrack: R Dimensio – Salamatar
I’ve had the privilege of working with Ensæmble on multiple projects. In 2015, I collaborated with them to create a data-driven dance piece, and more recently, I developed this showcase website to their exact specifications. The site features five triptychs, each with images that change at randomly selected intervals. Take a look!
International Teletext Art Festival website was rebuilt as a fully responsive WordPress site. In addition to serving as the festival’s main hub, it hosts a virtual gallery showcasing artworks by participating artists.
A custom WordPress theme was designed and developed from scratch to meet the festival’s unique aesthetic and functional needs.
Inter_active is a browser-based gamified installation by Juha van Ingen, inspired by the ancient game Moksha Patam (also known as Snakes and Ladders).
The piece features two parallel image paths—each a sequence of animated GIFs—that players navigate using keyboard inputs. Progression is linear, but interaction introduces variation.
A layered audio component accompanies the visuals, created by selected sound artists. The sound loops operate independently of the animations. Players can toggle individual audio tracks on or off, with a maximum of two playing simultaneously. The soundtrack also progresses in sequence, adding a temporal element to the audiovisual journey.
The goal is to view all animations and reach the end of the paths. Along the way, users generate their own unique combinations of imagery and sound, effectively becoming co-creators of the experience.
The piece is built using HTML5, CSS, and JavaScript (jQuery).
This simple jQuery script adds images to individual tags in the WordPress tag cloud (wp_tag_cloud) and allows you to style the cloud without modifying WordPress core functions. The image sizes correspond to the font sizes assigned by the tag cloud function.
jQuery(function() {
var imagesize;
var alttxt;
var linkhref;
jQuery('a[class^="tag-link-"]').each(function() {
imagesize = jQuery(this).css('font-size');
alttxt = jQuery(this).text();
linkhref = jQuery(this).attr('href');
jQuery(this).before(
'<a title="tag: ' +alttxt+ '" href="' +linkhref+ '">
<img src="path/to/your/image" class="tagcloudimage"
style="width:'+imagesize+';height:'+imagesize+';"
alt="'+alttxt+' icon" /></a>'
);
});
});
The script starts by defining variables, then targets tag cloud links with class names beginning with tag-link- (followed by the tag ID). Using jQuery’s .each() method, it iterates over each matched element.
For each tag link, the script extracts the font size, visible link text, and URL from the href attribute. It then injects new HTML before the link—creating an image link populated with these values.
This function can be easily extended to customize the tag cloud’s appearance further—for example, by adjusting text color based on size. For best results, place the script at the footer of your page (after the tag cloud).