Data Visualization and D3.js Newsletter Issue 91 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to issue 91 of the Weekly Newsletter

Onwards to this week's links...


  • How To Tell A Good Story From A Bunch Of Random Facts
    Stories are finished products. They are the end result of a long process to filter out dead ends and to transform awkwardly phrased ideas into clear thoughts. If you’ve never enjoyed writing, it might be because you have unrealistic expectations about what writing should feel like. Telling a good story is hard because it requires picking the right ideas, assessing their relevance, developing them into finer details and presenting them in the right order.
  • Creating Custom D3 Directives In AngularJS
    Angular's use of directives can be a powerful way to implement interactive charts and keep your code clean and organized. Here we are going to look at a simple example that creates a service that pulls data from using their public API. The returned data will be used to update two interactive charts created using Angular directives.

Data Visualization Reading and Videos

  • From Data Table To Small Multiples In Under 5 Minutes
    In today’s post I’m teaching you: a) how to explore your data tables with Excel’s conditional formatting; b) how clustered bar charts are the worst charts ever; c) how a small multiples chart can save the day by quickly visualizing an entire table’s worth of details in the same amount of space as the original table; and d) how to create that small multiples chart in Excel (and it takes less than 5 minutes, I promise).
  • Mapbox GL For The Web
    Announcing Mapbox GL JS — a fast and powerful new system for web maps. Mapbox GL JS is a client-side renderer, so it uses JavaScript and WebGL to dynamically draw data with the speed and smoothness of a video game...Vector maps are the next evolution, and we're excited to see what developers build with this framework...
  • p5.js
    p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today's web. Using the original metaphor of a software sketchbook, p5.js has a full set of drawing functionality.
  • Line Graphs and Parallel Processing in R
    A few months ago I came across one of the most beautiful visualizations I have ever seen: James Cheshire's Population Lines Print...When I first saw the post, I went to this blog to see how he pulled it off. Unfortunately, there weren't any details. So, I had to figure it out myself. Well, I think I got it! I'll show you a few of the plots first, and then describe the process below.
  • Data Stories #39: DensityDesign w/ Paolo Ciuccarelli
    Paolo is Associate Professor at Politecnico di Milano and is the founder of Density Design, a lab with an interesting mix of research, design, & visualization. We talk about all things at the intersection of design and visualization, including a very interesting digression on architecture and how it helped him in the development of the lab.

D3.js Reading and Videos

  • D3 Methods As Data In ClojureScript
    This post specifically shows the influence of Clojure's "it's all data" methodology while also giving some insight into the power of the language in the browser.
  • Responsive D3.js Modules With AngularJS
    Trying to build a modular web application for data visualization using D3.js can be quite daunting. Certainly D3 offers event listeners, but arranging them in reusable modules for the requirements of todays interactive applications seems tedious. In such a scenario AngularJS can be of great help in creating responsive visualization for the web...
  • Woodcut Data Visualization
    Recently, I learned how to operate a laser cutter. It's been a whole lot of fun, and I wanted to share my experiences creating woodcut data visualizations using just D3.

Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos