All examples By author By category About

micahstubbs
Full window Github gist

d3 v3 --> v4 upgrade mystery

a work-in-progress d3 v4 fork of the bl.ock reusable updating exploding boxplot from @tennisvisuals

currently stuck in this strange limbo state where there are no errors in the Chrome devtools console, yet there is no visualization rendered on-screen.

I suspect that the missing piece has something to do with one of these three d3 API changes:

click the Default Colors radio button, then open up the console to see the strange lack of errors for yourself 😅

If you figure out how to render vis with d3 v4 do tweet what you find at @micahstubbs 😄

Original README.md

reusable updating exploding boxplot

Design based on original: mcaule

See this block in production with Live Data

Features:

var container = d3.select('body');
var xbp = explodingBoxplot();
xbp.options({
  data: {
    group: 'Set Score',
    color_index: 'Set Score',
    identifier: 'h2h'
  },
  axes: {
    x: { label: 'Set Score' },
    y: { label: 'Total Points' }
  }
});
xbp.data(data);
container.call(xbp);
xbp.update();

Change the dimension for y axis:

xbp.options( { axes: { y: { label: 'Total Shots' } } });
xbp.update();

Data for this example was generated by mcpParse

Accessors:

by default accessors with no parameters return current values

operations on data held in chart instance