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

Hi Friends -

Welcome to issue 120 of the Weekly Newsletter.

Onwards to this week's links...


  • The Architecture Of A Data Visualization
    This article will elucidate and share our design method, based upon layering multiple sub-narratives over a main construct, through a dissection of the spatial build-up of the visualizations; it draws from different contributions I published on the Parsons Journal for Information Mapping, on the recently published “New challenges for data design: articles & interviews” Springer book, and by talks I delivered at the Eyeo Festival, Resonate Festival and Visualized Conference...
  • A New Online Course On Interactive Data Visualization For The Web Using D3.js
    The course runs from March 16 to April 26 and will be taught by two experts with extensive experience in data visualization and who are authors of reference books in the field: Alberto Cairo, Professor of the Professional Practice at the School of Communication of the University of Miami and author of "The Functional Art", and Scott Murray, an Assistant Professor of Design at the University of San Francisco and author of "Interactive Data Visualization for the Web: An Introduction to Designing with D3"...

Data Visualization Reading and Videos

  • Introducing shinyStan
    As a project for Andrew Gelman’s Statistical Communication and Graphics graduate course at Columbia, a few of us (Michael Andreae, Yuanjun Gao, Dongying Song, and I) had the goal of giving RStan’s print and plot functions a makeover. We ended up getting a bit carried away and instead we designed a graphical user interface for interactively exploring virtually any Bayesian model fit using a Markov chain Monte Carlo algorithm...
  • Paper: How Deceptive Are Deceptive Visualizations?
    We all know by now that visualization, thanks to its amazing communication powers, can be used to communicate effectively and persuasively massages that stick into people’s mind. This same power, however, can also be used to mislead and misinform people very effectively! When techniques like non-zero baselines, scaling by area..., bad color maps, etc., are used, it is very easy to communicate the wrong message to your readers... But, how easy is it?...
  • When to Use Stacked Barcharts?
    ...I’ve stated previously, one should generally avoid bar charts, and especially stacked bar charts, except in a few specific circumstances. But let’s talk about when not to use stacked bar charts first...
  • Vivus.js
    Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like...

D3.js Reading and Videos

  • D3's Data Binding, An Interactive Explanation
    Visualization encodes data points into visual elements. D3.js embraces this concept by helping you bind each data point to a DOM element easily. Once you get these pairs figured out, it is very straightforward to set the styles or attributes of the elements to according to the data points...
  • Seeing Circles, Sines, And Signals - A Compact Primer On Digital Signal Processing
    This text (made with D3.js) is designed to accompany your study of introductory digital signal processing. It’s an eccentric piece of not-so-rigorous literature with a preoccupation for explaining things using interactive visualizations, animations and sound. My goal is to explain the Discrete Fourier Transform using a miniature curriculum which leverages your ability to learn concepts and absorb information visually instead of linguistically...
  • PykCharts.js
    Well designed d3.js charting without the complexity of d3.js...D3.js is powerful but tough to use! You could copy-paste from d3.js examples but they have inconsistent design and input data formats! For pro-users, coding in d3.js can get easily chaotic. PykCharts.js is our attempt to addresses these issues!
  • react-d3-components
    D3 Components for React - Let React have complete control over the DOM even when using D3. This way we can benefit from Reacts Virtual DOM...

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