Sanstream

Just the front-end posts

  1. Mapping human emotions
    Posted as part of front-end

    I thought it would be fun to map the human emotions and see how they relate to each other, so I did. But what is it and what does it do? The three dimensional diagram shows 4 axis that each represent one of the basic four emotions (happiness, Fear/supprise, anger/disgust and sadness). Most emotions are can measured in severity of one of them. For instance disappoinment is anger at a low intensity, while rage is anger at a high intensity. Some however are composed out of 2 or 3 basic emotions. But hey, just take a look for yourself.

    You can rotate it, click on emotions and read more about them. Go ahead and try it.

    Continue reading
  2. How this site was made
    Posted as part of front-end

    The obvious answer of course would be "With HTML5, CSS and JavaScript." And that would be true, but there is more. While designing and building this site I used a variety of special techniques and methods, which deserve some extra explanation.

    Continue reading
  3. A conversion diagram
    Posted as part of front-end

    This is an example of what a conversion diagram looks like. The data visualized here is the product conversion of a fake small webshop.

    The first column represents the times a product is shown in the shop, the second how much it has been viewed by a customer and the third how many customers bought the product.

    Continue reading