D3 gallery [1 month]

In December 2016, I created an Advent Calendar based on D3js. I started on December 1st and worked on it until the 20th. The purpose was to test some D3 visualisations and other medias; sourcing the data and creating the visualisation.

Here is the description of the most interesting ones; although they are not really polished. I currently work on other themes, and don’t think it would be worth spending more time on these.

D3 tag cloud. The number moves at periodic intervals, the ones in grey are passed, and only the ones up until the current date have a link.

Hang Man. This is a dynamic hang man game. When loading, the number of letters defines the number of dashes, and only the ‘right’ letters can be added. Try your luck!

Sing along. I took a Christmas Carol and showed the length of each word on a bar chart. When hovering, the corresponding word is highlighted in the text.

Calendar view. I downloaded tweets from the account ‘@secretsanta’ and showed the number of tweets per day; I later added the hours and finally the hours each same day of every year

Christmas timeline. I found events related to Christmas celebrations and found them on a timeline.

Concordance matrix. I used a dataset of Merry Christmas in different languages. I made a matrix that showed the length of the longest common set of letters between two of them.

Language map. After downloading data of ‘Merry Christmas’ in different languages, I downloaded the language families and made a map with all the languages I had. Hover to explore!

Santa map. I tweaked a map of Greenland to cut it into some squares. Then created a color selector to ‘draw’ on the map.

Chord diagram. The only non-Christmas related, but when I found the dataset of betrayals in Games of Thrones, I knew how to represent them.

Updatewords. I made an update function that shows words related to Christmas. The new letters are either in red or green.