New year, new work! The last months of the last year were dedicated to learning AngularJS. For a project at work we’re using 1.5, but I wanted to give Angular 2 a try as well.

Based on this flowchart, I’ve created this Horse Checker with Covalent.

For a work related project I’ve created an analytical app that utilizes the dc.js library. The revenue data comes from an SAP IDES system.

For a work related project I’ve created this example with the datatables Table plug-in for jQuery.

Recently I visited Rotterdam for a weekend. We wanted to do a walk in the city to see some of the highlights and found this walk from wandelnet.nl. Disliking the pdf format, I recreated the route in an interactive map with leaflet.

Disclaimer: I have contacted wandelnet for approval and got it so long as it remained a private project.

Inspired by this example by Matteo Abrate, I started a quest on my own. I added a snapping grid to fix dragged nodes with the help from mgraham. By double clicking a fixed node the force powers are applied again. Learned a bit about stopPropagation. Modifying the force layout  can be done with the buttons; add nodes by clicking the ‘plus’ button, and delete them with the ‘trash’ button. This answer helped me organize the code a lot! Add relations with the link button. The last button logs the nodes and links to the console.

Repeating transitions of circles based on the General Update Pattern 4.0

Movable Hex Grid with draggable objects that snap to the centers of the Hexagonal shapes. Based on this and that.

Experimenting with Hexagonal Grids in combination with zooming / panning and dragable objects. Based on this and that.

Following up on the previous work I did with dc.js, hereby again a visualization with D3, dc.js and crossfilter. The data is from Columby and consists the height and weight measurements of children in The Hague. Average BMI values can be analyzed by clicking and brushing the charts.

Triggered by a tweet from @statistiekcbs. Applied dc.js, crossfilter and d3.js for this interactive visualizations of the number of homes in the Netherlands by type, surface area, year of build, and postal code.