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

Hi Friends -

Welcome to the seventy-fourth issue of's Weekly Newsletter

Onwards to this week's links...


  • Mastering Multi-Hued Color Scales With Chroma.js
    Probably one of the most useful things about Cynthia Brewers color advice for cartography are the multihue color schemes. This post explains how you can create your own, using two new features of chroma.js: Bezier interpolation and automatic lightness correction.

Data Visualization Reading and Videos

  • Vis.js
    Vis.js is a dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, and Graph.
  • Excel Charts Meet William Playfair
    Are you sure you can recognize an Excel chart from miles away? I thought that too. Then I started playing with some data visualization historical milestones and now I’m not so sure...
  • From Data To Visualization, What Happens In Between?
    What is the thought process that transforms data into visualizations? In this presentation, I will talk about guidelines that will help you when starting with raw data, walk through standard techniques, and also discuss things to keep in mind when making design decisions.
  • A Colour Analysis Of The Apple App Store
    This blog post shares the results of my analysis of 250,000 screenshots from the Apple App Store. By analyzing the 19.5 billion pixels within these screenshots I discovered that Finance and Business apps favor blue tones, apps within the Music and Sport categories tend to be quite dark and Finance apps have very muted tones.

D3.js Reading and Videos

  • D3's enter() And exit(): Under The Hood
    Here we explore the .enter() and .exit() functions of D3. The reader is encouraged to follow each step and then to explore. Below are some div elements (coloured blue-grey). Below that is a JavaScript array myData representing your data. You can randomise, add or remove values of myData.
  • Electrical Field Lines And Equipotential Surfaces Simulation (With D3.js)
    Each point of an electric field created by multiple dot or sphere charges can be computed as a superposition of the individual electrical force vectors. The individual forces are proportional to the charge value, and inversely proportional to the distance of the charge and the point, squared. Depending on the polatiry, the vector is moving away (positive) or back (negative).
  • Perspective Transformation II
    A perspective projection can be precisely specified through four pairs of corresponding points...The points of the grid are transformed using a transformation matrix, which is computed by solving a series of linear equations derived from the four point-pairs using LU decomposition as implemented by numeric.js.

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