Data Visualization and D3.js Newsletter Issue 162

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


Welcome to issue 162 of the DashingD3js.com Weekly Newsletter.
 

Onwards to this week's links...
 

Featured
 

  • Roads to Rome
    We approached one of the biggest unsolved quests of mobility. Do really all roads lead to Rome?...For this we created a algorithm that calculates one route for every trip. The more often a single street segment is used, the stronger it is drawn on the map. The maps as outcome of this project is somewhere between information visualization and data art, unveiling mobility and a very large scale...Also explored: Roads to Romes (US), New United States (Roads to Federal Capitals), New Europe (Roads to European Capitals), Roads to Paris and Berlin...
     
  • D3 in Jupyter
    Jupyter and D3 have both become staples in the data science toolkit: Jupyter for interactive data analysis and D3 for interactive data visualization...We have developed a short tutorial to walk users through the process of using D3 directly in Jupyter. The code is available in this repo, and the following video presentation and slides from the recent PyData NYC conference walk through the concepts and various examples...
 

Data Visualization Reading and Videos
 

  • A Layered Grammar Of Graphics - Hadley Wickham [PDF]
    A grammar of graphics is a tool that enables us to concisely describe the components of a graphic...The topics in this article include an introduction to the grammar by working through the process of creating a plot, and discussing the components that we need. The grammar is then presented formally and compared to Wilkinson’s grammar, highlighting the hierarchy of defaults, and the implications of embedding a graphical grammar into a programming language...
  • All Of The World’s Money And Markets In One VisualizationIn this data visualization of the world’s total money supply, we wanted to not only compare the different definitions of money, but to also show powerful context for this information. That’s why we’ve also added in recognizable benchmarks such as the wealth of the richest people in the world, the market capitalizations of the largest publicly-traded companies, the value of all stock markets, and the total of all global debt...
  • Star Wars - The Force Accounted
    In anticipation of “The Force Awakens,” we decided to find out by watching every minute of the first two trilogies to identify, measure, and categorize use of the Force. This was a delicate exercise, mainly because the Force is vague and entirely fictitious. But we’re confident in our findings—and if you search your feelings, we think you will be, too...
  • A Day In The Life Of Americans - This Is How America Runs
    I looked at microdata from the American Time Use Survey from 2014, which asked thousands of people what they did during a 24-hour period. I used the data to simulate a single day for 1,000 Americans representative of the population — to the minute...More specifically, I tabulated transition probabilities for one activity to the other, such as from work to traveling, for every minute of the day. That provided 1,440 transition matrices, which let me model a day as a time-varying Markov chain. The simulations below come from this model, and it's kind of mesmerizing...
 

D3.js Reading and Videos
 

  • A-Frame + D3.js test
    Ian Johnson (@enjalot) tests A-Frame with D3.js...A-Frame is a framework for creating virtual reality web experiences that work across desktop, mobile, and the Oculus Rift...Since AFrame works with DOM elements, you can use d3's selection API to generate and modify 3D elements, as well as handle "mouse" events (including the VR friendly "fuse cursor") as if it was SVG...
  • matta - View And Scaffold D3.js Visualizations In IPython/Jupyter Notebooks
    matta is a library for your Jupyter Notebook that helps you to use and scaffold visualizations with d3.js...matta is a visualization development support tool and a visualization library at the same time...An important aspect of matta is that it works with standard scientific Python data-structures: pandas DataFrames and NetworkX graphs. By using matta to develop your visualization, you do not need to worry about data structures and formats...
  • Visualizing Public Records Appeals In Your State
    How can visualization illuminate the labyrinthine world of public records requests and appeals? ...we’ve been using D3 to illustrate the persons and institutions in Massachusetts who have most frequently been involved in public records laws appeals over the past 20 months or so...
  • Dashed Line Segmentation In D3.js
    One of these problems is implementing dashed lines in a line chart - a common way to indicate uncertainty in your data. D3, at least at the time of writing, does not provide an out-of-the-box feature for dashing lines. Fear not though, since in this article we'll walk through a simple solution to dash your lines for days on end...
  • D3.js Reusable Slopegraph
    This slopegraph example shows the number of personal computers installed in a country per household...This version allows for multiple sets/columns and will adapted accordingly. Added some interaction to toggle the sets/columns and also toggle highlighted line...

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

Wishing you the best, 
Sebastian Gutierrez
@DashingD3js
www.dashingd3js.com

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