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

Hi Friends -

Welcome to issue 107 of the Weekly Newsletter.

Onwards to this week's links...


  • Interpreting Confidence Intervals - An Interactive Visualization
    I hope this visualization shows that instead of drawing conclusions from a single experiment, we should spend our time replication results, honing scientific arguments, polish theories, and form narratives, that taken all together provide evidentiary value for our hypothesis. So that we in the end can make substantive claims about the real world...
  • D3 Lasso Plugin
    lasso.js is a D3 plugin that allows you to tag elements on a page by drawing a line over or around objects. Functions can be run based on the lasso action. This functionality can be useful for brushing or filtering...

Data Visualization Reading and Videos

  • SnakeViz
    SnakeViz is a browser based graphical viewer for the output of Python’s cProfile module. It was originally inspired by RunSnakeRun. SnakeViz works on Python 2.6, 2.7, and Python 3...
  • How Much Do UK Households Spend Per Week?
    UK households spent an average of £517.30 per week in 2013, and there are plenty of interesting facts buried within the data. Did you know that, on average, households spent more on lottery tickets (£1.90) per week than newspapers (£1.60)?...Use our interactive to delve through the spending shopping basket and find stories of your own.
  • mermaid
    Generation of diagrams and flowcharts from text in a similar manner as markdown. Ever wanted to simplify documentation and avoid heavy tools like Visio when explaining your code? This is why mermaid was born, a simple markdown-like script language for generating charts from text via javascript...
  • Kantar Information Is Beautiful Awards Of 2014
    We’re incredibly proud to announce the winners of the third Kantar Information is Beautiful Awards! Thanks to everyone who spent time cogitating, digesting and deliberating on what has been a truly bumper crop of data viz. And congratulations to our winners. Now delve in!...

D3.js Reading and Videos

  • Pie Charts Labels
    This variation of a donut chart demonstrates how to add labels with lines. Clicking on the button changes the displayed data. Check Pie Chart with Labels and Missing Data to see how to handle transitions with missing/new data...
  • Responsive D3 Charting
    The only thing better than a nice, interactive D3 widget is one that’s responsive, looking just as good on your phone as your laptop. There are a variety of ways (using javascript / css) to achieve this mobile friendliness. Here’s the way I do it when I’m making a D3 visualization...
  • Periodic Table Of Elements
    Our periodic table is inspired by this diagram, which roughly sizes elements by their frequency in the Earth's crust. Searching for a more precise view led us to this experiment. The visualization displays different types of element "sizes" encoded as either bars or cubes. (Which do you like better? Try them both!) As a bonus we've added a view of electron shells, so you can see how Mendeleev's table beautifully reflects atomic structure. Built with D3...
  • Extending Arcs
    On hover, these arcs extend outward slightly and darken. Increasing the outer radius of the hovered arc temporarily exaggerates its area, but is useful for emphasis. Note that the padding between adjacent arcs remains constant when arcs extend or contract. This is achieved by specifying an explicit arc.padRadius that is the same for all arcs, rather than relying on the default behavior which depends on the arc’s inner and outer radii...

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