Data Visualization and D3.js Newsletter Issue 113

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • 9 Steps To Interactive Data Visualizations
    We present here, in summary, the nine steps our team takes in building interactive visualizations for our clients. This serves as a framework for our team to repeatedly conceive, design and develop successful data visualization projects. Each of these nine steps can be boiled down into what IDMLOCO terms “AAA Visualizations”...
  • Practical Time Series Visualization Using D3 + OM
    We wanted to present multiple interactive visualizations on a single page, showing the data and relationships from different perspectives. We found the combination of D3 and OM to be perfect for this task. D3’s ability to create beautiful visualizations and OM’s sensible approach to state makes for an awesome marriage of design and engineering...
 

Data Visualization Reading and Videos
 

  • A Look At Arc Diagrams
    I will begin by looking at Arc Diagrams – an attractive alternative to representing two-dimensional node-link diagrams. Arc Diagrams are constructed by placing nodes along a one-dimensional line with the arcs used to show connections between nodes. The thickness of the arc lines can be used to represent frequency or values from the source to the target node. This makes Arc Diagrams useful in finding the co-occurrence and relationships between links...
  • The State Of Information Visualization, 2015
    It seems to be a foregone conclusion that 2014 was not an exciting year in visualization. When we recorded the Data Stories episode looking back at 2014 last week (to be released soon), everybody started out with a bit of a downer. But plenty of things happened, and they point to even more new developments in 2015...I didn’t think that 2014 was a bad year for information visualization. And I think 2015 and beyond will be even better...
  • 7 Cardinal Sins Of Chartmaking
    Charts are undeniably powerful tools for communication, but with great power comes great responsibility. Chart makers should be careful with their power and ensure they are using proper practices when creating charts. These Seven Cardinal Sins are sure to miscommunicate your data and are easy things to avoid...
  • Turning 30: Described In Charts And Graphs
    So you’re turning 30 (or you’ve already turned 30, or you will one day turn 30), and you’re saying to yourself, “I’m so excited!” but also “I’m so scared!” (a reference that, if you get, by the way, means you are definitely almost 30.)...Check out this completely scientific analysis of what it means to turn the dirty 30...
  • Basic Text Mining: Word Clouds, Their Limitations, And Moving Beyond Them
    Word clouds need to be used cautiously, but they are a useful entryway into the world of data visualization...In the pages that follow, we move from this very basic stage, to other basic techniques including AntConc and Voyant Tools, before moving into more sophisticated methods involving text patterns (or regular expressions), spatial techniques, and programs that can detect significant patterns and phrases within your corpus...
 

D3.js Reading and Videos
 

  • Angular And D3 = ng3-charts: How To Build D3 Charts With Angular Directives
    I wanted something that could easily create Angular directives for each graph/chart I wanted to display on my site...I chose the framework line-chart made by n3-charts...I soon realized it didnt have all the customization in its Angular directive, and it was written in coffee script. This lead me to fork the repo...The project is now called ng3-charts and has a couple more features to have it meet my conditions, such as transitions with easing, font choices, range area chart type, and more...
  • Coloring Maps With D3
    Unlike positional encodings, which our visual system automatically quantifies (this dot is twice as far from the baseline as the other), we don’t have any notion of a particular shade of red being twice as red as another. Since maps typically use position to display geometry, we’re stuck using the less effective color channel to communicate numbers (with some exceptions)...This post describes several d3 quantitative scales – linear, quantize, quantile and threshold – and walks through how they work and the trade offs involved when using them to display colors...
  • Technical Write-up: Scroll Linked Animations
    Let’s Free Congress (my thesis project which you can see it at letsfreecongress.org) uses D3.js, Underscore.js, PubSub, JQuery, and a keyframing routine I wrote to achieve the scoll linked animation effects. The basic idea is as follows...
  • Converting A D3 Visualization To WebGL: How And Why
    One of our [Ayasdi] core focuses is the display of topological networks...Because users can interact with the networks via zoom/pan, selecting nodes, changing the coloring schemes, and dragging nodes with a force layout, the networks cannot be static...In the above display, the total number of circles is about 25,000 and 75,000 edges. The DOM simply cannot handle that sort of element payload. In that sense, our need is to find an alternative to SVG, not necessarily an alternative to D3...
  • d3vl Extension And Updates To senseUtils
    I’ve uploaded a new extension to GitHub called the d3 visualization library, or d3vl for short. It is a collection of 30 examples from the d3js.org gallery incorporated into a single Qlik Sense extension. The goal is to show how easily d3 can be integrated with Qlik Sense...

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