Data Visualization and D3.js Newsletter Issue 112

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • Data Visualization Art Project By Yousuke Ozawa
    Art is now seen through google images or wallpapers. However, we are actually looking at a series of numbers and letters instead of actual paint. Through a generator I retrieved the codes of each paintings I found on google images and printed them out, framed and showcased them at a galleries in Tokyo...
  • New D3.js Book: Learning D3.js Mapping
    Starting with a working map, you will explore the tools required to start the construction process, further moving on to cover the fundamentals of SVG and understanding its relation to creating maps using D3. Equipped with this overview, you will learn to make optimum use of D3's mapping, covering the main enter, update, and exit methods that allow D3.js to do its magic. Dealing with data joining and pairing with HTML and SVG, you will be introduced to different aspects of GEO data, along with the common file formats and converting data into GeoJSON and TopoJSON. You will learn to apply interactivity to your maps and create stunning visualizations before finally ensuring problem-free development with a chapter on troubleshooting...
 

Data Visualization Reading and Videos
 

  • Publishing Interactive Charts Using ECharts And Datamatic
    In November 2014, Chinese Baidu released a new generation of their charting library to the world. It’s called ECharts (Enterprise Charts) and it looks like it’s going to be a big player in data visualization. If you ever thought that D3.js is a bit steep to start with, ECharts declarative way of defining charts might be a better option for you...
  • Speak To The Eyes: The History And Practice Of Information Visualization
    ...This article locates the current field of information visualization within its historical context, demonstrating the shift in aesthetic practice within the field from the mid-eighteenth century to the present day. A number of current projects are presented to illustrate how information visualization is mediating formal humanities research and the study and management of collections...
 

D3.js Reading and Videos
 

  • Pattern Fills: D3 Examples
    The following examples are all created with d3 and use svg patterns. Click on any of the examples to see the svg pattern definitions and copy them into your html. For reference, here's how you might use them with d3...
  • Chernoff Faces With D3.js And React.js
    Chernoff faces are a useful way to visualize multivariate data in a way that leverages the great facial recognition ability of our brains...I set out to make it a bit simpler and also to experiment with javascript tooling, D3, SVG's fascinating language for doing vector graphics with markup, and React.js and the whole stateless approach to UI design...
  • A Simple Way To Integrate D3 With Angular
    If you're familiar with AngularJS, Google's front end MVC framework, you should be familiar with Angular's implementation of dependency injection. It's the 'Angular way' to manage dependencies and load modules, services, factories, etc. When using third party libraries with Angular like D3.js, you can and should implement them using dependency injection. But how can you implement third party libraries with Angular using dependency injection?...
  • 10 D3.js Must Knows - Part 2: Scale Functions
    f there's one piece of D3 functionality that I've used in just about every data visualisation I've built, it's the scale functions. A scale function takes an input (such as a country's GDP) and converts it into an output (such as pixel or colour values). Let's start with some examples...
  • D3 On Angular: Small Multiples With Brushing
    This article shows how you can achieve Small Multiples with D3 using Angular.js. According to Edward Tufte (1983) Small Multiples are a concept to visualize multiple homogenous visualizations like maps, line graphs or scatterplots. We will use this visualization concept to draw multiple line graphs with D3 on Angular...

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