Data Visualization and D3.js Newsletter Issue 186

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • The Universe Of Miles Davis
    This year, Miles Davis would have turned 90 years old...Let’s examine his legacy by sorting through every Wikipedia page (in English) on which he’s mentioned. This approach not only highlights his recordings and collaborators, but also wraps our arms around everything else...
  • react-d3-library - Open Source Library For Using D3 In React
    A library that will allow developers the ability to reroute D3 output to React’s virtual DOM. Just use your existing D3 code, and with a few simples lines, you can now harness the power of React with the flexibility of D3! React-D3-Library will compile your code into React components, and it also comes with a series of D3 template charts converted to React components for developers who are unfamiliar with D3. Not only do we build fully functional React components, but they utilize the power of D3 to automate scaling ranges, normalizing data, and constructing legends...
 

Data Visualization Reading and Videos
 

  • Critical Atlas Of Internet
    This Critical Atlas of Internet aims to develop 15 conceptual spatialization exercises. The purpose of the atlas is to use spatial analysis as a key to understanding social, political and economic issues on Internet. The atlas seeks to discern the shape of the Internet in order to understand the concrete issues and stakes involved...
  • Perlin Noise
    I admit I only (somewhat) understand Perlin noise in the first place because I’ve implemented it before, for flax, and that took several days of poring over half a dozen clumsy explanations that were more interested in showing off tech demos than actually explaining what was going on. The few helpful resources I found were often wrong, and left me with no real intuitive grasp of how and why it works...Here’s the post I wish I could’ve read in the first place...
  • Visualization Design Resources
    A current (as of Sept. 2015) yet incomplete list of resources for visualization design, biased toward resources used by or familiar to members of the UBC InfoVis group...
  • Introducing PostGIS Preview
    I’ve been working with PostGIS quite a lot lately, and found myself faced with the problem of being able to easily visualize the results of my queries on a map. CartoDB has spoiled me with a big fat SQL pane and a slippy map that instantly shows you the results of your query, and allows you to iterate quickly and tune your queries to suit your needs. It’s a great workflow, and I found myself wanting for it after standing up PostGIS locally...it occurred to me that this would be super simple to build with leaflet and node.js, so that’s what I did. I’ll spend the rest of the blog walking through how it works...
  • A Pair of Pie Chart Papers
    How do we read pie charts? Do they differ from the even more reviled donut charts? What about common pie chart designs like exploded pies? In two papers to be presented at EuroVis next week, Drew Skau and I show that the common wisdom about how we read these charts (by angle) is almost certainly wrong, and that things are much more complicated than we thought...
 

D3.js Reading and Videos
 

  • datamaps.co
    Datamaps.co is a free and simple platform for creating visualizations with data maps. It allows you to upload CSV file with region data, and fully customize your map's appearance. Your Map can be saved as PNG or SVG...
  • d3-history - Simple URL Support For D3.js User Interfaces
    d3.history is a plugin for D3.js which adds simple support for deep-linking and URLs based on the user interface state. It automatically updates the URL bar through the HTML5 History API as you use the d3.dispatch event listening utility...
  • Strip Map
    Creating an automatic strip map based on some geographic features and a chosen "spine...
  • Animating A Sine Wave With D3.js And MathJax
    A sine wave is a periodic function or a function that repeats itself at regular intervals...A sine wave shows the excursion around the circle happening in time and is ultimately a circle expressed in time. I have used d3.js to illustrate how the journey around the circle corresponds to the sine wave movement over time...
  • Adding A Subtle Touch Of Glow To Your D3.js Visualizations
    Today it’s time for a short blog about a very subtle effect that can add a bit more pizzazz to your visualization. It’s definitely not something that will suit a business/no-nonsense chart. But then again, if you only make those kinds of charts, I feel that doing data visualization is definitely less enjoyable than if you try to have some fun with your creations every now and then ;) So let’s start by adding a bit of glow to our shapes!...

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