7. Notebook Widgets

Download this page as a Jupyter notebook

When analyzing notebooks, it can be helpful to make use of interactive widgets. For this, we provide some widgets to help you analyze your data. To enable such widgets, start the notebook with:

%matplotlib widget

7.1. Channel slicing

Let’s say we want to do some analyses on slices of channel data. It would be nice to just quickly visually select some regions using a widget. Let’s load the file and run the widget:

file = lk.File("file.h5")
channel = file["Force LF"]["Force 1x"]
selector = channel.range_selector()
../_images/slice_widget.png

You can use the left mouse button to select time ranges (by clicking the left and then the right boundary of the region you wish to select). The right mouse button can be used to remove previous selections. We can access the selected timestamps of the ranges we selected by invoking selector.ranges:

>>> selector.ranges
[array([1572279165841737600, 1572279191523516800], dtype=int64),
array([1572279201850211200, 1572279224153072000], dtype=int64)]

And the actual slices from selector.slices. If we want to plot all of our selections in separate plots for instance, we can do the following:

for data_slice in selector.slices:
    plt.figure()
    data_slice.plot()
../_images/slice_widget2.png

7.2. F,d selection

7.2.1. Range selection by time

Assume we have an F,d curve we want to analyze. We know that this file contains one F,d curve which should be split up into two segments that we should be analyzing separately:

fdcurves = file.fdcurves
selector = lk.FdRangeSelector(fdcurves)

This opens up a little widget, where you can use the left mouse button to select time ranges and the right mouse button to remove previous selections.

../_images/fd_widget.png

Once we’ve selected some time ranges, we can output the timestamps:

>>> selector.ranges

{'Fd pull #6': [array([1572278052698057600, 1572278078909667200], dtype=int64), array([1572278086737161600, 1572278099133193600], dtype=int64)]}

These timestamps can directly be used to extract the relevant data:

for t_start, t_stop in selector.ranges["Fd pull #6"]:
    plt.figure()
    plt.plot(fdcurves["Fd pull #6"].f[t_start:t_stop].data)
../_images/fd_widget2.png

This produces a separate plot for each selection. There’s also a more direct way to get these plots, namely through FdRangeSelector.fdcurves. This gives you an FdCurve for each section you selected:

for fdcurve in selector.fdcurves["Fd pull #6"]:
    plt.figure()
    fdcurve.plot_scatter()
../_images/fd_widget3.png

7.2.2. Processing multiple files

Now let’s say our experiment is split up over multiple files, each containing a few F,d curves. We would like to load these curves all at once and make our selections. We can do this using automatically using glob. With glob.glob we grab a list of all .h5 files in the directory my_directory. We then iterate over this list and open each file. Then, for all those files, we add each individual curves to our variable fdcurves:

import glob

fdcurves = {}
for filename in glob.glob('my_directory/*.h5'):
    file = lk.File(filename)
    for key, curve in file.fdcurves.items():
        fdcurves[key] = curve

Using this dictionary, we can open our widget and see all the data at once:

selector = lk.FdRangeSelector(fdcurves)

Plotting the curves can be done similarly as before. Here .values() indicates that we want the values from the dictionary of curve sets, and not the keys (which in our case are the curve names):

for curve_set in selector.fdcurves.values():
    for fdcurve in curve_set:
        plt.figure()
        fdcurve.plot_scatter()

7.2.3. Range selection by distance

It is also possible to select a portion of an F,d curve based on distance:

selector = lk.FdDistanceRangeSelector(fdcurves)
../_images/fd_dist_widget.png

Again, we can retrieve the selected data just as with FdRangeSelector:

original = fdcurves["Fd pull #6"]
sliced = selector.fdcurves["Fd pull #6"][0]

plt.figure()

plt.subplot(2, 1, 1)
original.plot_scatter(label="original")
sliced.plot_scatter(label="sliced")
plt.legend()

plt.subplot(2, 1, 2)
original.f.plot()
sliced.f.plot(start=original.start)
../_images/fd_dist_widget2.png

The returned F,d curves correspond to the longest contiguous (in time) stretch of data that falls within the distance thresholds. However, noise in the distance measurement can lead to short gaps of the time trace falling slightly outside of the thresholds, as illustrated below:

../_images/fd_dist_widget3a.png

To avoid premature truncation caused by this noise, there is an additional max_gap keyword argument to FdDistanceRangeSelector that can be used to adjust the acceptable length of noise gaps. The default values is zero, such that all data points are guaranteed to fall within the selected distance range. The effect of this argument is shown below for an F,d curve sliced with the same distance thresholds:

../_images/fd_dist_widget3.png

7.2.4. Range selection of single curve

The selector widgets can also be easily accessed from single F,d curve instances:

fdcurve = fdcurves["Fd pull #6"]
t_selector = fdcurve.range_selector()
d_selector = fdcurve.distance_range_selector(max_gap=3)

7.3. Cropping and Rotating Image Stacks

You can interactively define the location of a tether for a ImageStack by using:

stack = lk.ImageStack("cas9_wf.tiff")
editor = stack.crop_and_rotate()
plt.show()

Simply left-click on the start of the tether

../_images/widget_stack_editor_1.png

and then on the end of the tether

../_images/widget_stack_editor_2.png

After a tether is defined, the view will update showing the location of the tether and the image rotated such that the tether is horizontal.

To crop an image, right-click and drag a rectangle around the region of interest. Once the rectangle is defined, you can edit the shape by right-clicking and dragging the various handles.

../_images/widget_stack_editor_3.png

You can also use the mouse wheel to scroll through the individual frames (if using Jupyter Lab, hold Shift while scrolling).

Note that ImageStack.crop_and_rotate() accepts all of the arguments that can be used for ImageStack.plot().

To obtain a copy of the edited ImageStack object, use:

new_stack = editor.image
new_stack.plot()
new_stack.plot_tether()
../_images/widget_stack_editor_4.png

7.4. Kymotracking

Note

For details of the tracking algorithms and downstream analyses see the Kymotracking tutorial.

For tracking binding events on a kymograph, using the track_greedy() algorithm purely by function calls can be challenging if not all parts of the kymograph look the same or when the signal to noise ratio is somewhat low. To help with this, we included a kymotracking widget that can help you track subsections of the kymograph and iteratively tweak the algorithm parameters as you do so. You can open this widget by invoking the following command:

kymowidget = lk.KymoWidgetGreedy(kymo, "green", axis_aspect_ratio=2)

Here we see the optional axis_aspect_ratio argument that allows us to control the aspect ratio of the plot and how much data is visible at a given time. You can easily pan horizontally by clicking and dragging left or right.

You can optionally also pass algorithm parameters when opening the widget:

lk.KymoWidgetGreedy(kymo, "green", axis_aspect_ratio=2, min_length=4, pixel_threshold=3, window=6, sigma=0.14)

You can also change the range of each of the algorithm parameter sliders. To do this, simply pass a dictionary where the key indicates the algorithm parameter and the value contains its desired range in the form (minimum bound, maximum bound). For example:

lk.KymoWidgetGreedy(kymo, "green", axis_aspect_ratio=2, slider_ranges={"window": (0, 8)})

Detected tracks are accessible through the .tracks property:

tracks = kymowidget.tracks
print(tracks)

For more information on its use, please see the example Analyzing Cas9 binding to DNA.