Matt McDaniel matt-mcdaniel

The Optimization Merry-Go-Round

(npm install -g webpack-bundle-analyzer)

webpack --profile --json > stats.json
webpack-bundle-analyzer stats.json
Optimize bundles:

a. Optimize "vendor" bundle size in webpack config:

This aster plot displays pie slices as lengths extending outward to the edge (0 at inner to 100 at outer). Widths of the pie slices represent the weight of each pie, which gets used to arrive at a weighted mean of the length scores in the center.

Contributors

Jim Regetz @regetz developed the initial aster plot function in R (see aster-plot on github)

Parker Abercrombie @parkerabercrombie developed the initial D3 prototype varying 3 of the 4 arc elements starting with Mike Bostock's Donut Chart:

outerRadius
startAngle

This aster plot displays pie slices as lengths extending outward to the edge (0 at inner to 100 at outer). Widths of the pie slices represent the weight of each pie, which gets used to arrive at a weighted mean of the length scores in the center.

Contributors

Jim Regetz @regetz developed the initial aster plot function in R (see aster-plot on github)

Parker Abercrombie @parkerabercrombie developed the initial D3 prototype varying 3 of the 4 arc elements starting with Mike Bostock's Donut Chart:

outerRadius
startAngle

Experimenting with transitions using a pack layout.

forked from matt81m's block: Pack Layout with Transitions

Experimenting with transitions using a pack layout.

forked from matt81m's block: Pack Layout with Transitions

Built with blockbuilder.org

	import React from 'react';
	import ReactDOM from 'react-dom';

	class D3ComponentExample extends React.Component {
	constructor(){
	super();

	this.update = this.update.bind(this);
	}