Plot Styling

Plots in Sphinx are highly customizable. After creating a chart, a user can click on the Styles tab next to it to customize it further.

Plot Styles

Overall Plot Styles

You can control the overall size of your chart by setting:

  • height: The height of the chart in pixels
  • width: The width of the chart in pixels

You can also control the plot title by setting:

  • hide: Whether to show or hide the overall plot title
  • size: The font size of the title

Overall Plot Styles

Axis Styles

Each axis (x and y) can be customized with the following options:

Axis Title

  • title: Set a custom title for the axis
  • hide: Toggle visibility of the axis title

Axis Labels

  • size: The font size of the label
  • angle: Rotate axis labels by a specified angle (in degrees)
  • format: Whether to display the values on the axis in scientific notation or percentage

Axis Appearance

  • gridlines: Toggle visibility of grid lines
  • ticks: Toggle visibility of axis ticks
  • axis line: Toggle visibility of the main axis line

(Heatmaps only) Use the data label to toggle whether or not to show the values overlaid on the heatmap.

Axes Plot Styles

Scales and Sizes

Axis Scale and Range

  • min: Set custom minimum value for the axis
  • max: Set custom maximum value for the axis
  • log: Enable logarithmic scale for the axis
  • independent: Make the axis scale independent of other axes

Scatter Customizations

You can customize how individual scatter points are displayed using:

  • size: Configure how data values map to point sizes
  • shape: Define different shapes for data points

Scales Plot Styles

Sorting

Control how your data is ordered by sorting A -> Z, Z -> A, or choosing a custom sorting order.

Sorts Plot Styles

Legend

Customize the legend appearance:

  • title: Set a custom title for the legend
  • hide: Toggle legend visibility
  • title size: Adjust the size of the legend title
  • symbol size: Adjust the size of legend symbols
  • label size: Adjust the size of legend labels (Gradients only)
  • gradient width: Set the width of gradient legends
  • gradient height: Set the height of gradient legends

Legend Plot Styles

Line Styles

You can customize both existing lines in the plot as well as add constant lines based on a formula.

Set line appearance with:

  • stroke: Set the dash pattern for lines
  • width: Line thickness (Error Bars only)
  • hide: Toggle visibility of error bar end caps

Lines Plot Styles

Tooltip

You can add additional fields from your Datatable to show up in the tooltip upon hover.

Tooltip Plot Styles

Color

Configure how data values map to colors for each object in the plot. Every line, point, area, and error bar can be customized with a color picker. Both color and opacity can be adjusted here.

We provide a few dozen different color schemes for ranging over values across these 4 categories:

  • Categorical palettes
  • Sequential palettes
  • Diverging palettes
  • Special palettes

Color Plot Styles

Jitter

  • jitter: Add random jitter to data points to prevent overlap

Jitter Plot Styles

Saving Styles

Once you’ve customized your plot, you can save these settings as a plot style for future use. This allows you to:

  • Create consistent visualizations across your organization
  • Apply the same styling to multiple plots
  • Share your preferred styling with team members

To save a style:

  1. Configure your plot’s appearance using the options above
  2. Click the “Save Style” button
  3. Give your style a name
  4. The style will be available for future use

You can also:

  • List all available plot styles
  • Update existing styles
  • Apply saved styles to new plots

Saving Plot Styles