Data Visualization and D3.js Newsletter Issue 156

DashingD3js.com Weekly Data Visualization and D3.js Newsletter

Hi Friends -


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

 

3 YEAR ANNIVERSARY!  WOOHOO!


Onwards to this week's links...

 

Featured
 

  • A Visual Survey Of Visualization Techniques For Time-Oriented Data
    Time is an exceptional dimension that is common to many application domains such as medicine, engineering, business, science, biography, history, planning, or project management. Understanding time-oriented data enables us to learn from the past in order to predict, plan, and build the future. Due to the distinct characteristics of time, appropriate visual and analytical methods are required to explore and analyze them...
  • Rectangle Intersection Problem
    The rectangle intesection problem tries to find all intersection between N different rectangles...A better approach would be the use a sweep line; this sweep line would stop when we cross the left boundary of a rectangle, and this rectangle is added to the set of active rectangles. When we cross the right boundary of a rectangle, we remove the rectangle from the set of active rectangles...I have choosed to use a Min-Priority Queue to manage the insertion and deletion...
 

Data Visualization Reading and Videos
 

  • Every Death On Every U.S. Road 2004-2013
    This map displays 373,377 points, one for each person who died in a vehicle crash between 2004 and 2013. More information about each one will appear as you zoom the map in closer...
  • Learn How To Create Beautiful Graphics In R
    Course Syllabus, Files, and Assignments from the University of Washington course by Trevor A. Branch ...The course covers the theory of visualization, examines what makes a good and a bad graphic, and teaches students how to translate their data into publication quality graphics...
  • Making Visualizations More Memorable
    Eye-tracking research reveals which types of visuals help people remember...In a new study (from Harvard and MIT) that analyzes people’s eye movements as they look at charts, graphs and infographics, researchers have been able to determine which aspects of visualizations make them memorable, understandable and informative...
  • Book review: “Map. Exploring the World”
    When I think about cartography, I am always fascinated by the different associations the term evokes in my brain...So it is with wonderful timing that London-based publisher Phaidon presents us with this stunning collection of material: “Map” collects not only traditional geographical maps, but also thematical and statistical pieces as well as map-based artworks, maps of fictional places and examples of subjective mapping...
 

D3.js Reading and Videos
 

  • What Is The Best Way For Journalists To Learn D3.js?
    To answer this questions, we reached out to Scott Murray...Scott is a “data artist” who teaches D3 and Processing - two of the most versatile and powerful coding languages that can make your data come to life. He is an Assistant Professor for Design at the University of San Francisco and the author of “Interactive Data Visualization for the Web”...
  • Mapping Grid-based Statistics Using OpenLayers, Three.js, And D3.js
    I've just finalised two tutorials on mapping grid-based statistics...Tutorial 1: "Grid-based population data": Mapping grid-based population data of Oslo, Norway, using OpenLayers 3 and D3.js. The user can select an area to see the number of inhabitants...Tutorial 2: "Grid-based statistics in 3D": 3D visualisation of grid-based population data of Oslo, Norway, using Three.js and D3.js...
  • 1 Of N: Gephi, D3.js, And Maps
    I want to recreate the image to the right, which was created in Gephi. If you read my previous post on this topic, this image uses a geo-layout plugin to place locations from Pleiades in their correct geographic placement, then uses other layouts to place the people and other non locatable nodes. The eventual goal is to make an interactive network map above an interactive geographic map, so simply exporting these out as a flat svg file will not provide the functionality I need...
  • A Self Organizing Map Clustering of bl.ocks.org Colors
    All of the custom colors found in d3.js blocks were used as input. The data was taken from the enjalot's block and includes 3250 different blocks. He parsed out hex codes, hsl(a) and rgb(a) in any html, js or coffee file found in each block and I converted all of these to their hex, rgb and hsl values. There were 24700 different color statements in these blocks that make up 4350 unique colors...The clustering grouped similar colors together in 600 hexagons (based on their RGB and HSL values, thus 6 variables in total)...
  • Weather Chart for Toronto
    Weather Chart by Stephen McMurtry...Based on the New York Times weather chart: http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=00014g...Built with D3.js...

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