# Web Tech Demos

by Akseli Palén## The Problem of Apollonius

Find a circle tangent to three known circles. 2024.

## Order-Preserving Circle Packing

Pack circles so that they do not overlap while respecting their original arrangement. 2024.

## Tangent Circles

Find a circle tangent to two known circles. 2024.

## Crude Oil Consumption

World crude oil consumption visualized as a flow of barrels. 2019.

## Graphed

Visualized graph search algorithms for undirected graphs. Pick a starting point and press start-button. 2013.

## Lately

A future predictor for a multidimensional binary sequence. 2019.

## 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

L-system based implentation of a tree-growing algorithm. HTML Canvas. 2016.

## Mojifall

A display of OpenMoji emojis as an image rain. 2019.

## Mojifall Emojitracker

Visualization of real-world emoji usage distribution in Twitter. 2019.

## Objectron

A proof-of-concept probabilistic user interface by using first and second order Markov chains. 2013.

## Open Streetmap to Google Maps

A try-out how to draw OpenStreetMap path data on Google Maps. 2012.

## Pointron

A proof-of-concept of an auto-adapting UI button that adjusts itself towards the point of contact a little by little. 2013.

## 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.

## 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.

## Territory

A game(?) about player positioning and territory sizes. A sidetrack of an attempt to create dynamic button hitboxes. 2013.

## Tesselation

Tests for algorithms that fill and index two-dimensional spaces by using single integer instead of two. 2013.

## Tileflip

UI prototypes of how to flip a square image over. 2013.

## Touchtracker

Development of realistic inertia and friction when moving square images. 2013.

## Tracked

Algorithm to find the set of cells of a grid which are fully or partially inside the viewport. 2013.