Try fading out viz while resizing

frontend/src/metabase/query_builder/containers/QueryBuilder.jsx

 import React, { Component, PropTypes } from "react";
+import ReactDOM from "react-dom";
 import { connect } from "react-redux";
 import cx from "classnames";
 import _ from "underscore";
@@ -153,6 +154,10 @@ export default class QueryBuilder extends Component {
         }
     }
 
+    componentDidUpdate() {
+        ReactDOM.findDOMNode(this.refs.viz).style.opacity = 1.0;
+    }
+
     componentWillUnmount() {
         window.removeEventListener('resize', this.handleResize);
     }
@@ -161,6 +166,7 @@ export default class QueryBuilder extends Component {
     // Debounce the function to improve resizing performance.
     handleResize(e) {
         this.forceUpdateDebounced();
+        ReactDOM.findDOMNode(this.refs.viz).style.opacity = 0.2;
     }
 
     render() {
@@ -199,7 +205,7 @@ export default class QueryBuilder extends Component {
                         }
                     </div>
 
-                    <div id="react_qb_viz" className="flex z1">
+                    <div ref="viz" id="react_qb_viz" className="flex z1" style={{ "transition": "opacity 0.25s ease-in-out" }}>
                         <QueryVisualization {...this.props}/>
                     </div>
                 </div>