> ## Documentation Index
> Fetch the complete documentation index at: https://wiki.latch.bio/llms.txt
> Use this file to discover all available pages before exploring further.

# Appearance

> Learn what options are available for customizing the appearance of your plots.

# Coloring

You're able to customize the color palette used in a plot. You can select a premade palette, or create your own. Colors in a palette are used in a plot sequentially per series or color group.

<video autoPlay muted loop playsInline className="w-full aspect-video" class="rounded-md">
  <source src="https://mintcdn.com/latchbio/nFvCRsD3GeYvKtOX/images/plots/plotting/styling/coloring-opti.mp4?fit=max&auto=format&n=nFvCRsD3GeYvKtOX&q=85&s=5fe88dc81ba3bc0814b5aa8c9bf7156a" data-path="images/plots/plotting/styling/coloring-opti.mp4" />
</video>

## Specifying coloring groups

In the series settings, you're able to specify a column to color plot markers by. This usually works best when using categorical columns in the source table

<video autoPlay muted loop playsInline className="w-full aspect-video" class="rounded-md">
  <source src="https://mintcdn.com/latchbio/nFvCRsD3GeYvKtOX/images/plots/plotting/styling/colorby-opti.mp4?fit=max&auto=format&n=nFvCRsD3GeYvKtOX&q=85&s=aa09c6517b914a0986c9eefa7c00da24" data-path="images/plots/plotting/styling/colorby-opti.mp4" />
</video>

In some plot types this will both color and group by the category.

# Axis

## Customizing ticks

You can customize X & Y how ticks are displayed on a plot axis. This includes the scale, main ticks, sub-ticks, and weight and size.

<video autoPlay muted loop playsInline className="w-full aspect-video" class="rounded-md">
  <source src="https://mintcdn.com/latchbio/nFvCRsD3GeYvKtOX/images/plots/plotting/styling/ticks-opti.mp4?fit=max&auto=format&n=nFvCRsD3GeYvKtOX&q=85&s=8bb9f1785ba87465e942918f8e84a6d5" data-path="images/plots/plotting/styling/ticks-opti.mp4" />
</video>

# Size

You are able to adjust the height and width of a plot. To adjust the height use the height slider at the bottom of the plot. To adjust width there is an option to enable a maximum width size for the plot.

<video autoPlay muted loop playsInline className="w-full aspect-video" class="rounded-md">
  <source src="https://mintcdn.com/latchbio/nFvCRsD3GeYvKtOX/images/plots/plotting/styling/sizing-opti.mp4?fit=max&auto=format&n=nFvCRsD3GeYvKtOX&q=85&s=7c46446dd4700377180509289e45802e" data-path="images/plots/plotting/styling/sizing-opti.mp4" />
</video>

# GraphPad Prism-Inspired Themes

For scientists who are familiar with GraphPad Prism, we provide an out-of-the-box Prism-inspired theme.

## How to apply the theme

On the configuration sidebar of a no-code plot, simply select **Theme** and click **GraphPad Inspired**.

<video autoPlay muted loop playsInline className="w-full aspect-video" class="rounded-md">
  <source src="https://mintcdn.com/latchbio/nFvCRsD3GeYvKtOX/images/plots/plotting/styling/graphpad-inspired.mp4?fit=max&auto=format&n=nFvCRsD3GeYvKtOX&q=85&s=9b55c449d03cf7e960c9747d54a5d434" data-path="images/plots/plotting/styling/graphpad-inspired.mp4" />
</video>

## Customize your theme

If you want to further refine your plot, here are some tips to enhance the GraphPad-like appearance:

1. Adjust font weight
2. Tilt axis labels on the X or Y-axis to improve readability.
3. Modify bar spacing for individual or grouped bars.
4. Update the color palette to match your branding or study.

## For developers

If you're working directly with code, you can apply the GraphPad-Inspired Theme by passing `template="graphpad_inspired_theme"` to your Plotly figure. Here's an example:

```python theme={null}
import plotly.express as px

fig_scatter = px.scatter(df_2619, x='rqMean', y='rqSD', color='Target Name', 
                         hover_data=['Sample Name', 'rq'],
                         labels={'rqMean': 'Mean Relative Quantity', 
                                 'rqSD': 'Standard Deviation of Relative Quantity'},
                         title='Scatter Plot of Mean Relative Quantity vs Standard Deviation')

fig_scatter.update_layout(
    legend_title='Target Name',
    xaxis_title='Mean Relative Quantity',
    yaxis_title='Standard Deviation of Relative Quantity',
    template='graphpad_inspired_theme', ### APPLY GRAPHPAD PRISM THEME
    autosize=True
)
```