Web Tech Demos
by Akseli Palén![](img/preview/apollonius.png)
The Problem of Apollonius
Find a circle tangent to three known circles. 2024.>
![](img/preview/circlepacking.png)
Order-Preserving Circle Packing
Pack circles so that they do not overlap while respecting their original arrangement. 2024.
![](img/preview/tangentcircle.png)
Tangent Circles
Find a circle tangent to two known circles. 2024.
![](img/preview/crudeoil.png)
Crude Oil Consumption
World crude oil consumption visualized as a flow of barrels. 2019.
![](img/preview/graphed.png)
Graphed
Visualized graph search algorithms for undirected graphs. Pick a starting point and press start-button. 2013.
![](img/preview/lately.png)
Lately
A future predictor for a multidimensional binary sequence. 2019.
![](goldencss/preview.png)
Golden CSS
Can you base all CSS margins and sizes to the golden section? This was an alternative topic for my Bacherlor of Science thesis. 2011.
![](tree/preview.png)
Tree
L-system based implentation of a tree-growing algorithm. HTML Canvas. 2016.
![](img/preview/mojifall.png)
Mojifall
A display of OpenMoji emojis as an image rain. 2019.
![](img/preview/mojifall-openmoji-emojitracker.png)
Mojifall Emojitracker
Visualization of real-world emoji usage distribution in Twitter. 2019.
![](img/preview/objectron.png)
Objectron
A proof-of-concept probabilistic user interface by using first and second order Markov chains. 2013.
![](img/preview/osm2gmaps.png)
Open Streetmap to Google Maps
A try-out how to draw OpenStreetMap path data on Google Maps. 2012.
![](img/preview/pointron.png)
Pointron
A proof-of-concept of an auto-adapting UI button that adjusts itself towards the point of contact a little by little. 2013.
![](img/preview/semantictext.png)
Semantic Text
To fight law text ambiguity, this is a concept of text where every meaning has its own reference link to a full description of the meaning. 2012.
![](img/preview/taataa.png)
Taataa
An attempt to build associations between images by letting people to select the image that best matches the currently focused image. The name "Taataa" was later adopted by a world of square images. 2012.
![](img/preview/territory.png)
Territory
A game(?) about player positioning and territory sizes. A sidetrack of an attempt to create dynamic button hitboxes. 2013.
![](img/preview/tesselation.png)
Tesselation
Tests for algorithms that fill and index two-dimensional spaces by using single integer instead of two. 2013.
![](img/preview/tileflip.png)
Tileflip
UI prototypes of how to flip a square image over. 2013.
![](img/preview/touchtracker.png)
Touchtracker
Development of realistic inertia and friction when moving square images. 2013.
![](img/preview/tracked.png)
Tracked
Algorithm to find the set of cells of a grid which are fully or partially inside the viewport. 2013.