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