• DataViz Data·Viz
  • DataArt Data·Art
  • Speaking

  • About
  • Contact
  • Blog Blog
  • Tutorial & D3.js

    Using a d3 voronoi grid to improve a chart's interactive experience

    Posted on July 2, 2015

    In this tutorial, I’ll show you how you can add an invisible voronoi grid over a scatterplot which will improve the experience of the viewer when hovering over the plot. And I’ve actually updated this tutorial in August 2016 when Franck Lebeau came with a great improvement on the final step.

    Read more

  • Tutorial & D3.js

    Create a “gooey effect” during transitions in d3.js

    Posted on May 31, 2015

    A short post about perhaps not a very useful, but nonetheless rather fun to watch effect in SVGs applied to d3.js: gooey effects!

    Read more

  • D3.js & Data Art

    Animating a heart shaped curve with d3.js

    Posted on February 14, 2015

    Just something small for Valentines day. I found the formula for a heart shaped curve on the Wolfram website and wanted to animate the line that draws these points with d3.js.

    Read more

  • Data Art & R

    Exploring the art hidden in π

    Posted on January 24, 2015

    While browsing online I came across several examples of Martin Krzywinski’s Pi art works and I was inspired to try and do a small project with the digits myself. I wanted to try and create something that wasn’t very informative per se, but hopefully pretty to look at, more like art.

    Read more

  • D3.js & Design

    The Top 2000 songs distributed by year of release

    Posted on January 3, 2015

    At the end of the year there are several traditions, like presents and Christmas trees. For me, and quite a few other Dutch people, there are two radio related traditions. In the week before Christmas my radio is almost always on to listen to Serious Request (a charity event), and from Christmas day to 23:59 on New Year’s Eve the radio is still on 24/7, but now to listen to the Top 2000.

    Read more

  • Design & D3.js

    Creating an interactive “exoplanets in orbit” visualization

    Posted on December 24, 2014

    Having enjoyed the process of explaining a visualization through Storytelling in my previous post about chord diagrams, I wanted to create another and try a slightly different approach. And give myself a new project to learn more about d3.js and JavaScript in general.

    Read more

  • Design & Storytelling

    Using “Data Storytelling” with a chord diagram

    Posted on December 13, 2014

    It’s been way too long since my last post. I wanted to create something to post, but a few rather busy projects at work and moving to a new home had a big impact on my creativity, as in, I was left with none…

    Read more

  • R & Tutorial

    How to create a hexagonal heatmap in R

    Posted on November 13, 2013

    Like I wrote in one of my previous posts on the creation of a “self organizing map” program in R, I really wanted the results of a SOM visualized in a hexagonal heatmap, so I wrote my own piece of code for it.

    Read more

Newer Articles 1 2 3 4 5 6 Older Articles
See a list of all articles
Winner - Best individual Information is Beautiful Awards

Interested in transforming your data into stunning visual stories? — get in touch!

info@VisualCinnamon.com

there's also a newsletter!

This page is built using Hugo — It's hosted on Netlify

© 2018 – 2024 Copyright Visual Cinnamon — All rights reserved

Privacy Statement