Data Visualization and D3.js Newsletter Issue 172 Weekly Data Visualization and D3.js Newsletter

Hi Friends -

Welcome to issue 172 of the Weekly Newsletter.

Onwards to this week's links...


  • Cornelius Cardew’s Treatise (1963-67)
    Cornelius Cardew is undeniably one of the most important figures in the Post-War British avant-garde...Treatise, which was composed between 1963 and 1967, is considered to be Cardew’s greatest achievement...It’s a 193 page graphic score with no instruction – completely in the hands of the conductor and musicians who interpret it. Whatever you make of the music that grows from it, Treatise is an undeniable thing of aesthetic beauty...
  • Introducing Vega-Lite
    Today we are excited to announce the official 1.0 release of Vega-Lite, a high-level format for rapidly creating visualizations for analysis and presentation. With Vega-Lite, one can concisely describe a visualization as a set of encodings that map from data fields to the properties of graphical marks, using a JSON format...Vega-Lite is built on top of Vega, a visualization grammar built using D3. Vega and D3 provide a lot of flexibility for custom visualization designs; however, that power comes with a cost. With Vega or D3, a basic bar chart requires dozens of lines of code and specification of low-level components such as scales and axes. In contrast, Vega-Lite is a higher-level language that simplifies the creation of common charts. In Vega-Lite, a bar chart is simply an encoding with two fields...

Data Visualization Reading and Videos

  • A Visual Look At 2 Million Chess Games
    We'll take a look at more than 2 million games, taken from the MillionBase PGN database. I ignored any Chess960 games contained, but in total there are 2,197,113 games. I was interested to see what kind of visualizations I can do, and what patterns would be revealed by considering so many games...[Editor's note: uses the chess-dataviz library linked to below]
  • PolicyViz Podcast Episode #34: Dominikus Baur
    Mobile interaction designer and developer, Dominikus creates usable, aesthetic, and responsive visualizations for all platforms. His latest project, Subspotting, logged the cell phoe reception of New York City’s four major phone carriers. The result is a visual portrait of the electromagnetic fields of New York City’s underground – a map that highlights the system’s dead spots, stretches of spotty signals and available pockets of connectivity...
  • Will You Present The Data As-is, Or Tell A Story?
    Viewer considerations are key: What type of information do your viewers need to see? What information do they already have? What information are they expecting? How many points in time should be included? Will you present aggregated or disaggregated findings? How long do you anticipate that they’ll spend looking at your graph?...And here’s another thought-starter question to consider: Do your viewers want to see the data presented as-is, or do they want you to cut to the chase and interpret the data?...
  • THE HOLLYWOOD IN$IDER - Visualization explorer for every major film 2008-2015
    Explore data on over 1000 major Hollywood films of the last eight years...Click on the axis labels to view other data. View each year by itself. Or every single year at once. Colour by genre, script type and more. Oh you’ll get it. Just have a play!...N.B. 250% of budget is considered the breakeven for Hollywood films due to the high costs of marketing (sometimes as much as twice the budget)...
  • 120kMoMA Peak Years
    A data visualization study of years information in The Museum of Modern Art Collection dataset...

D3.js Reading and Videos

  • Visualizing Correlates Of War Data With Leaflet.js
    The Correlates of War project maintains several data sets that document conflicts throughout history. This includes data on armed conflicts such as inter-state disputes as well as ancillary data that might be correlated with disputes, such as trade, alliances and measures of countries’ resources...An awesome javascript library called Crosslet that uses D3, Leaflet.js and Crossfilter.js to create great data centric geographical visualizations is leveraged here...

Hope that you had a great past week and that next week is even better!

Wishing you the best, 
Sebastian Gutierrez

Want to better understand this topic?
Check out these super-useful D3.js Screencast Videos (1 in 3 are free...)
=> D3 Screencasts Videos