```
# HIDDEN
# Clear previously defined variables
%reset -f
```

# Plotting using `nbinteract`

¶

`nbinteract`

comes with a set of functions that produce Javascript-based plots designed for interaction.

Most plotting functions that come with `nbinteract`

take in response functions that return the **data** to be plotted.

```
import nbinteract as nbi
import numpy as np
```

For a complete API reference for each function, you may type the function name in a cell and add a `?`

at the end. For example, to view the API reference for `nbi.hist`

:

```
nbi.hist?
```

`nbinteract.hist`

¶

`hist`

generates a histogram that allows interaction with the parameters for the response function.

`hist`

takes in a single response function. The response function returns the array of numerical values that will be shown in the histogram. The `hist`

function allows interaction with the response function's parameters by specifying them as keyword arguments in the same format as `ipywidgets.interact`

. Any argument that can be used for `ipywidgets.interact`

can be used for `hist`

.

```
def hist_response_function(mean, sd, size=1000):
'''
Returns 1000 values picked at random from the normal
distribution with the mean and SD given.
'''
return np.random.normal(loc=mean, scale=sd, size=1000)
```

```
nbi.hist(hist_response_function, mean=(0, 10), sd=(0, 2.0, 0.2))
```

If you interact with the above plot, you may notice that the plot's x and y-axes will automatically scale to match the input data. You can change plot parameters like the axes limits through the `options`

parameter of the plotting functions:

```
options = {
'title': '1000 random points from normal distribution',
'xlim': (0, 15),
'ylim': (0, 0.4),
}
nbi.hist(hist_response_function, options=options, mean=(0, 10), sd=(0, 2.0, 0.2))
```

You may call `nbinteract`

plotting functions with plain data as the input as well:

```
nbi.hist(np.random.normal(size=1000))
```

`nbinteract.bar`

¶

`bar`

generates an bar plot that allows interaction with the parameters for the response functions.

The first two arguments of `bar`

are response functions that return the x and y-axis data arrays, respectively. Either argument can be arrays themselves. Arguments for the response functions must be passed in as keyword arguments to `bar`

in the format expected by interact. The response function for the y-axis data will be called with the x-axis data as its first argument.

For example, in the bar plot below `categories`

generates the categories to plot on the x-axis and `heights`

generates the y-axis heights. The `heights`

function uses the parameter `xs`

which is the array of x-axis data points.

```
def categories(n):
return np.arange(n)
def heights(xs, offset):
return xs + offset
opts = {
'ylim': (0, 20),
}
nbi.bar(categories, heights, n=(0, 10), offset=(1, 10), options=opts)
```

`nbinteract.scatter_drag`

¶

`scatter_drag`

generates a scatter plot that allows interaction through clicking and dragging the points on the graph.

`scatter_drag`

takes in two lists/arrays consisting of the x-coordinates and y-coordinates of the points to plot. It generates an interactive scatter plot where the points can be dragged by the user and a best fit line is updated automatically according to the placement of the points.

`scatter_drag`

does not allow response functions as inputs.

```
x_coords = np.arange(10)
y_coords = np.arange(10) + np.random.rand(10)
opts = {'xlim': (0, 9), 'ylim': (0, 11), 'animation_duration': 250}
nbi.scatter_drag(x_coords, y_coords, options=opts)
```

`nbinteract.scatter`

¶

`scatter`

generates a scatter plot that allows interaction with the parameters to the response functions.
This is different from scatter_drag which facilitates interaction using click and drag actions.

The first two arguments of `scatter`

are response functions that return the x and y-axis coordinates, respectively. Either argument can be arrays themselves. Arguments for the response functions must be passed in as keyword arguments to `scatter`

in the format expected by interact. The response function for the y-coordinates will be called with the x-coordinates as its first argument.

```
def x_values(n): return np.random.choice(100, n)
def y_values(xs): return np.random.choice(100, len(xs))
nbi.scatter(x_values, y_values, n=(0,200))
```

`nbinteract.line`

¶

`line`

generates a scatter plot that allows interaction with the parameters to the response functions.

The first two arguments of `line`

are response functions that return the x and y-axis coordinates, respectively. Either argument can be arrays themselves. Arguments for the response functions must be passed in as keyword arguments to `line`

in the format expected by interact. The response function for the y-coordinates will be called with the x-coordinates as its first argument.

```
def x_values(max): return np.arange(0, max)
def y_values(xs, sd):
return xs + np.random.normal(0, scale=sd, size=len(xs))
opts = {
'xlim': (0, 50),
'ylim': (0, 55),
'animation_duration': 250,
}
nbi.line(x_values, y_values, max=(10, 50), sd=(1, 10), options=opts)
```