Floaty bubble charts with d3.js
D3.js, or Data-Driven Documents, version 4.0 was released a few months ago, so Jim Vallandingham updated his tutorial for categorized bubble charts to use the new version of the library. I’ve been slow...
View ArticleInterpolate your data for animation in R
The tweenr package in R, by Thomas Lin Pedersen, helps you interpolate data for easier animated transitions. tweenr is a small package that makes it easy to interpolate your data between different...
View ArticleR for Excel users
For Excel users getting started with R, pain oftentimes finds its way into the learning process. Gordon Shotwell feels your pain and provides a primer to shifting to a different approach to your data....
View ArticleMaking annotation easier with d3.js
There are two main reasons annotation is often a challenge. The first is that writing copy that is succinct with the right amount of detail is tricky. The second is that implementation can be a pain,...
View ArticleThe Hitchhiker’s Guide to d3.js
Ian Johnson provides some good direction for those looking to get their feet wet with d3.js. This guide is meant to prepare you mentally as well as give you some fruitful directions to pursue. There is...
View ArticleR programming with Minecraft
The new R package miner is an interface to Minecraft via some simple R commands. The miner package provides just a few simple functions to manipulate the game world: find or move a player’s position;...
View ArticleScrollama.js, a JavaScript library for scrollytelling
Russell Goldenberg released Scrollama.js in an effort to make scrollytelling more straightforward to implement. Scrollytelling can be complicated to implement and difficult to make performant. The goal...
View ArticleDrawing with noise
This looks like a fun Processing tutorial by Etienne Jacob. Use noise to draw organic-ish loopy GIFs. I bet the logic could be ported to R. Tags: GIF, noise, Processing
View ArticleR data structures for Excel users
Introducing yourself to R as an Excel user can be tricky, especially when you don’t have much programming experience. It requires that you switch from one mental model of the data that exists in an...
View ArticleIntroduction to regular expressions
If you want to analyze bodies of text, it’s a good to know how to use regular expressions. That way you can programmatically extract complex text patterns instead of marking and encoding items...
View ArticleField Guide to the R Ecosystem
If you’re looking to acquaint yourself with R — the non-coding aspects of the language — the brief Field Guide to the R Ecosystem by Mark Sellers might help. Perhaps, you’re a hobbyist R user, who’d...
View ArticleHatching image effect in R
Here’s a fun thing to try in R. Jean Fan posted some code snippets where you can load an image file and the result uses a hatching technique to recreate the image with shapes. See also: Using the...
View ArticleBird’s-eye view of D3.js
D3.js can do a lot of things, which provides valuable flexibility to construct the visualization that you want. However, that flexibility can also intimidate newcomers. Amelia Wattenberger provides a...
View ArticleAnimating a lot of dots with WebGL and REGL.js
A couple of weeks ago, The Washington Post visualized 13,000 school districts using moving bubbles. Post graphics reporter Armand Emamdjomeh describes how they did it. Saving this for later. Tags:...
View Articlexkcd-style charts in JavaScript
For xkcd fans, here’s a JavaScript library by Tim Qian that lets you style your charts like xkcd. There’s something about sketchy, comic-style charts that makes the data feel more approachable. Maybe...
View ArticleTeaching R to 7th graders
Joshua Rosenberg describes his one-day experience teaching R to 7th graders: [T]he activity worked albeit, as a very gradual introduction to using R. In combination with starting with modest goals,...
View ArticleLayer Cake, a graphics framework for more flexible web graphics
Michael Keller released a new version of Layer Cake: Layer Cake is a graphics framework built on top of Svelte. It measures your target div and your data and creates scales that stay synced on layout...
View ArticleSVG and CSS animations, without JavaScript
Andrew Wang-Hoyer built over 200 animations on and off over two years. They are satisfyingly hypnotic. They also only use SVG, CSS, and HTML, and you can get the code on GitHub. I feel like...
View ArticleMaking map art in R
If you can make maps in your software and customize the aesthetics, you can make map art. Esteban Moro outlined how he made a personalized map in R: For my map art, I wanted to create something more...
View ArticleTour of the D3 ecosystem
D3.js, a flexible JavaScript library useful for visualization, can feel intimidating at first. It does a lot. So Ian Johnson gave a talk on what the library provides, along with a tour of the...
View Article