Data Visualization and D3.js Newsletter Issue 148

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

Onwards to this week's links...
 

Featured
 

  • DATA + DESIGN: A Simple Introduction To Preparing And Visualizing Information
    The [free] book’s chapters follow pretty closely the actual set of steps that need to be accomplished before data can be visualized, from the design of the survey to the collection of the data to ultimately its visualization. Really pretty simple. So if you’re fairly new to the game, it is probably going to make sense for you to start at the beginning and read the whole way through the book. Likewise, if you’re familiar with some of the content, but not everything, there’s no harm in just skipping to the chapters that are relevant to your case...
  • Towards Reusable D3.js Charts
    Mike Bostock’s pattern for reusable charts offered a tried and true method for implementing the same chart in any number of selections. However, its limitations are realized once the chart is initialized. If I wanted to use D3’s transitions and update patterns with this method, changes to the data had to be handled entirely within the same scope that the chart was generated. In practice, this meant implementing filters, dropdown selects, sliders, and resize options all within the same function scope...
 

Data Visualization Reading and Videos
 

  • How Scientific American Makes Its Infographics
    Flip through the pages of a scientific journal and you’ll find numerous figures, charts, and diagrams visualizing important scientific discoveries. But interpreting those visuals may leave you scratching your head...For the public to be excited and informed about the latest scientific breakthroughs, technical data visualizations need to be transformed into engaging visual stories that a wider community can understand...
  • This Week’s Widget - stockchartR
    I intentionally do not talk much finance here at Building Widgets, but for those who are unaware of TimelyPortfolio, finance pays the bills for me. Although d3.js was released in 2010 (see this first Github commit), we did not see robust finance-targeted d3.js visualization libraries until last year. Now suddenly we have three really solid, very well-built options...
  • My First Data Art: NYC Taxi Defrag
    In my data visualization NYC Taxis: A Day in the Life, there is a D3 chart at the bottom of the screen that shows when the vehicle has a fare, and when it is empty. I wanted to compare this pattern across many vehicles and see if any larger patterns jumped out. This is the result...
  • Data Visualisation And Process
    I [Andy Cotgreave] wanted to go through my process, based on reflections of my US Fatalities dashboard. In this case, I’m explaining a situation where I have a ready-made dataset that I have not seen before. It’s my job to find and communicate anything interesting I can find...
 

D3.js Reading and Videos
 

  • D3 Within React The Right Way
    After a few weeks of thought and a couple of potential solutions actually being built and used, I settled on what I think is the ideal way to use DOM mutating JavaScript (like D3) from within React. Many solutions involve stepping out of the React tree for that specific component, which does work, but leaves you with a little island of mutable DOM, festering away inside your tree. It just doesn’t feel quite right to me, my solution allows you to even use React developer tools with the SVG generated by D3...
  • Visualizing Map Distortion
    Whenever we try to represent our 3D earth on a 2D map we necessarily introduce distoration. This tool attempts to visualize the phenomenon...
  • Recent Extensions Work For Qlik Sense
    During the last months I spend a bit of my spare time to build and improve extensions for Qlik Sense. My motivation is to learning how to leverage the new Qlik Sense APIs, to learn how to use JavaScript for data analytics, to understand the usage of visualization libraries like d3.js to create data driven documents, to give the new Qlik product some more use cases and also, of course, to have some fun with data gymnastics...
  • Getting To Know Crossfilter
    Crossfilter is a JavaScript library for slicing and dicing row-based data whilst dc.js is library that combines the analytics power of Crossfilter with the charting prowess of D3...

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