Example for Cooperative Brushing and Tooltips in D3.
Note that the brush layer lives behind the data points, and therefore a brush cannot be started on the data point itself, only in the background layer.
import bearcart | |
import bokeh | |
import bokeh.plotting as bp | |
from bokeh.plotting import output_notebook | |
import pandas as pd | |
import matplotlib.pyplot as plt | |
import mpld3 | |
import numpy as np | |
import vincent | |
import ggplot as gg |
(.env)Rob@rmbp ~/src/pydatasv2014 (master) $ pip freeze | |
Flask==0.10.1 | |
Jinja2==2.7.2 | |
Markdown==2.4 | |
MarkupSafe==0.19 | |
PyYAML==3.11 | |
Pygments==1.6 | |
Sphinx==1.2.2 | |
Werkzeug==0.9.4 | |
backports.ssl-match-hostname==3.4.0.2 |
Example for Cooperative Brushing and Tooltips in D3.
Note that the brush layer lives behind the data points, and therefore a brush cannot be started on the data point itself, only in the background layer.
Example for Cooperative Brushing and Tooltips in D3.
Note that the brush layer is appended after the data, and therefore mouseover events do not trigger the tooltip. Only when you start brushing do the tooltips appear.
Example for Cooperative Brushing and Tooltips in D3.
The tooltip helper function for dynamic tooltips.
Example for Cooperative Brushing and Tooltips in D3.
Scatter chart with only tooltips, no brush layer.
Example for Cooperative Brushing and Tooltips in D3.
Scatterplot only - no tooltips or brush.
Example for Cooperative Brushing and Tooltips in D3.
The completed chart, with both tooltips and brushing working cooperatively. You can start a brush-zoom on either the background or a data point.
Demonstration of binding Vincent graphs to individual GeoJSON data.