In this tutorial I am going to show you how to create a radar diagram with random dots within 4 segments. Each dot will be assigned to a quadrant of the radar. — At mediaman, we recently launched the very first and still very rough MVP of our smart data radar. With this small application we are presenting tools and techniques around data science in quadrants. We rate the different possibilities by our day-to-day usage up to „we have heard of it but…

In this post I’m going to show you how to integrate D3.js into your Angular application and how to create a simple styled line chart. Also, we’re covering changes of the chart data and on responsiveness. I assume you already have an Angular app running on your local machine. Pre-requisites Install…

How we made the IT Infrastructure more important in the first place and how we made User Experience Design came second — an experience report of a 2-Month-Side-Project. — Lately, I’ve been working on a project with an IT-first approach. User Experience Design came second. …

In this second part of the series we’re going to use the crawler output from part 1 and end up having a tree sitemap in our browser, in an index.html. — This tutorial is based on this d3.js example. Prerequisites Read part 1. webpack cli installed crawler output as json File Setup Create an index.html, main.js and a data.js. That’s all that is needed. Fill the index.html with this few lines of content

When working with AWS, it’s super easy to setup an EC2 instance to run your WordPress installation. In this tutorial I am showing you how to set it up with services that are mainly available within the free tiers of AWS. — I assume you know how to use AWS in general. First, log in to your AWS and navigate to EC2. Launch a new instance. 1. Choose an Amazon machine image Make sure you select the Amazon Linux 2 AMI as it is a better configuration compared to Amazon Linux and has several amazon configurations in comparison…

Code a custom media-text block with a headline for your WordPress blog. — After years of not really working with WordPress, I created a website for a friend — a photographer. Her requirement was an easy-to-use editor so I thought about that not-so-brand-new WordPress Editor Gutenberg and decided to give it a try. After a pretty rough concept phase for the front page…

Today I came across the issue to implement externally stored SVG icons in my Angular Storybook — here’s my solution. — When working with Design Systems or Component Libraries it’s not uncommon to use SVG icons that are stored externally. To use external SVG icons, the HTML code usually is: <svg aria-hidden=”true”> <use xlink:href=”external-icons.svg#myIconID”></use> </svg> When opening your HTML in the browser, the console might throw an error similar to this…