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

Hi Friends -

Welcome to issue 105 of the Weekly Newsletter.

Onwards to this week's links...


  • MetricsGraphics.js
    MetricsGraphics.js is a library (by a Mozilla team) built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way.

Data Visualization Reading and Videos

  • Chartist.js - Simple Responsive Charts
    Chartist.js is a simple responsive charting library built with SVG. There are hundreds of nice charting libraries already out there, but they are either: not responsive, use the wrong technologies for illustration (canvas), are not flexible enough while keeping the configuration simple, are not friendly to your own code, are not friendly to designers, have unnecessary dependencies to monolithic libraries, and more annoying things. That's why we started Chartist.js...
  • FnordMetric ChartSQL
    FnordMetric ChartSQL allows you to write SQL queries that return charts instead of tables. The charts are rendered as SVG vector graphics and can easily be embedded into any website and customized with css in order to build beautiful dashboards...
  • Python Data Visualization: What now?
    A discussion by Rob Story of the current and future state of Python data visualization, with demos of the IPython notebook, seaborn, ggplot, and bokeh.
  • The Once And Future SVG
    As we release the updated SVG Essentials, Second Edition book this week, we thought it would be useful to look back and consider all the things SVG makes easy now that were difficult previously, and also look forward at the features we hope to see in the future.
  • Exponentiation - Explained Visually
    We seem primed to understand linear growth, but lots of processes in finance, ecology, physics and other fields depend on exponential growth. Here's a simple visualization to help conceptualize this type of growth. It starts off quadrupling with every step. Adjust the rate to see doubling and tripling...

D3.js Reading and Videos

  • D3 Deconstructor
    The D3 Deconstructor is a Google Chrome extension for extracting data from D3.js visualizations. D3 binds data to DOM elements when building a visualization. Our D3 Deconstructor extracts this data and the visual mark attributes (such as position, width, height, and color) for each element in a D3 visualization...
  • d3-panel
    I wrote Chrome browser extension d3-panel. It creates a new tab in DevTools, and allows you to send data directly from the browser console to plot and interact. For example, if my main page has a variable foo, I can send it to d3-panel to be plotted using a bar chart...
  • Power A Realtime Voting App With Live Results Using D3js
    In this tutorial, we will show how we can use D3JS to draw the graph with some dataset and PubNub to respond to people’s votes and dynamically update the graph in everyone’s browser in realtime. We’ll build the realtime voting app, then broadcast the live result as votes come in...
  • D3Android
    Integrating a D3.js graph in to an Android Webview

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