An example that uses d3.dispatch to keep two visualizations in sync. The code is organized in different modules, following a convention inspired by the MVC pattern.
Use the mouse to hover a bar or a section to see the corresponding datapoint in the other visualization. You can also add or remove datapoints by first clicking on the diagram to enable focus, then using the arrow keys (right to add, left to remove).
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js