chart recipes#

Common examples to start building charts with the visualization_toolkit. Each tile below will have a different configuration of the chart function to display data.

Caution

Many of the code examples in these recipes include loading CSV data from pandas. This should not be used in production scenarios and is only done for the purposes of creating live code demos in the documentation.

Pass data to the chart function using pyspark dataframes in Databricks notebooks or using lists of dictionaries generated from DBSQL queries via the execute_query function for data apps.

Area Chart Examples#

See below for common area chart options to use when creating visualizations.

Basic Area Chart

Basic Area Chart

Axes Customization Examples#

See below for common options to style axes. Axis can be adjusted for tick positioning and number formatting.

Truncate X-axis and Y-Axis

Truncate X-axis and Y-Axis

Date Axis for Bar Charts

Date Axis for Bar Charts

Set Date Axis Intervals

Set Date Axis Intervals

Specify Date Axis Tick Formats

Specify Date Axis Tick Formats

Numerical axis formatting and intervals

Numerical axis formatting and intervals

Bar Chart Examples#

See below for common bar chart options to use when creating visualizations.

Basic Bar Chart

Basic Bar Chart

Stacked Bar Chart

Stacked Bar Chart

Clustered Bar Chart

Clustered Bar Chart

Chart Context Examples#

See below for examples of modifying charts to convey context such as annotations or shaded regions.

Shade Positive and Negative Regions

Shade Positive and Negative Regions

Shaded Regions

Shaded Regions

Chart Floating Annotations

Chart Floating Annotations

Chart Annotations

Chart Annotations

Combo Chart Examples#

See below for combo chart options to use when creating visualizations. Combo charts are a mix of lines or bar charts.

Combo Chart on Same Axis

Combo Chart on Same Axis

Combo Charts on Different Y Axes

Combo Charts on Different Y Axes

Heatmap Chart Examples#

See below for examples of creating heatmap visualizations

Basic Heatmap Chart

Basic Heatmap Chart

Line Chart Examples#

See below for common line chart options to use when creating visualizations.

Basic Line Chart

Basic Line Chart

Line Chart with Shaded Bounds

Line Chart with Shaded Bounds

Line Chart Formatting

Line Chart Formatting

Pivot Chart Examples#

See below for options to pivot charts based on data with multiple categories that need to be plotted individually.

Pivot Charts across All Categories

Pivot Charts across All Categories

Pivot Charts without Stacking

Pivot Charts without Stacking

Stacked Pivot Charts

Stacked Pivot Charts

Styling Chart Examples#

See below for options to change overall styles for charts

Use Atlas theme for charts

Use Atlas theme for charts

Customize Tooltops (Hover Templates)

Customize Tooltops (Hover Templates)

Waterfall Chart Examples#

See below for examples to create a waterfall (bridge) chart

Basic Waterfall Chart

Basic Waterfall Chart

Gallery generated by Sphinx-Gallery