> ## Documentation Index
> Fetch the complete documentation index at: https://www.canva.dev/opensource/flourish-charts/llms.txt
> Use this file to discover all available pages before exploring further.
# Set svg annotator chart details
## Usage
```python
def set_svg_annotator_details(
self,
svg_url: str = None,
svg_width_wide: float = None,
mobile_view: bool = None,
mobile_breakpoint: float = None,
mobile_svg_mode: str = None,
mobile_svg_url: str = None,
mobile_svg_width: float = None,
mobile_content_mode: str = None,
clickable_svg_animation: str = None,
clickable_svg_animation_duration: float = None,
clickable_svg_animation_config: bool = None,
clickable_svg_animation_attr: str = None,
clickable_svg_animation_values: str = None,
clickable_svg_animation_repeat: str = None,
text_panel_enabled: bool = None,
h1_default: Union[list, str] = None,
h1_size: float = None,
h2_default: Union[list, str] = None,
h2_size: float = None,
content_default: Union[list, str] = None,
content_size: float = None,
chart_popup_mode: str = None,
chart_popup_popup_is_custom: bool = None,
chart_popup_show_popup_styles: bool = None,
chart_popup_popup_custom_header: Union[list, str] = None,
chart_popup_popup_custom_main: Union[list, str] = None,
chart_popup_popup_width: float = None,
chart_popup_popup_font_size: float = None,
chart_popup_popup_text_color: str = None,
chart_popup_popup_align: str = None,
chart_popup_popup_background: str = None,
chart_popup_popup_background_opacity: float = None,
chart_popup_popup_padding: float = None,
chart_popup_popup_radius: float = None,
chart_popup_popup_header_type: str = None,
chart_popup_popup_header_background: str = None,
chart_popup_popup_header_text_color: str = None,
chart_popup_popup_list_type: str = None,
chart_popup_popup_list_label_weight: str = None,
chart_popup_popup_list_separator: str = None,
chart_popup_popup_shadow: bool = None,
chart_popup_popup_pointer: bool = None,
chart_popup_panel_position: str = None,
chart_popup_panel_open_duration: float = None,
chart_popup_panel_side_fixed: bool = None,
chart_popup_panel_side_default_content: Union[list, str] = None,
chart_popup_panel_is_custom: bool = None,
chart_popup_show_panel_styles: bool = None,
chart_popup_panel_custom_header: Union[list, str] = None,
chart_popup_panel_custom_main: Union[list, str] = None,
chart_popup_panel_width_overlay: float = None,
chart_popup_panel_height_overlay: float = None,
chart_popup_panel_width_side: float = None,
chart_popup_panel_height_side: float = None,
chart_popup_panel_max_width: float = None,
chart_popup_panel_max_height: float = None,
chart_popup_panel_vertical_position: str = None,
chart_popup_panel_text_color: str = None,
chart_popup_panel_font_size: float = None,
chart_popup_panel_align: str = None,
chart_popup_panel_background: str = None,
chart_popup_panel_background_opacity: float = None,
chart_popup_panel_padding: float = None,
chart_popup_panel_radius: float = None,
chart_popup_panel_list_type: str = None,
chart_popup_panel_list_label_weight: str = None,
chart_popup_panel_list_separator: str = None,
chart_popup_panel_shadow: bool = None,
svg_reset_fonts: bool = None,
show_css: bool = None,
stylesheet: Union[list, str] = None,
chart_layout_body_font: str = None,
chart_layout_font_color: str = None,
chart_layout_background_color_enabled: bool = None,
chart_layout_background_image_enabled: bool = None,
chart_layout_background_color: str = None,
chart_layout_background_image_src: str = None,
chart_layout_background_image_size: str = None,
chart_layout_background_image_position: str = None,
chart_layout_max_width_target: str = None,
chart_layout_max_width: float = None,
chart_layout_max_width_align: str = None,
chart_layout_layout_order: str = None,
chart_layout_space_between_sections: str = None,
chart_layout_space_between_sections_custom: float = None,
chart_layout_margin_top: float = None,
chart_layout_margin_right: float = None,
chart_layout_margin_bottom: float = None,
chart_layout_margin_left: float = None,
chart_layout_border_enabled: bool = None,
chart_layout_border_top_width: float = None,
chart_layout_border_top_style: str = None,
chart_layout_border_top_color: str = None,
chart_layout_border_right_width: float = None,
chart_layout_border_right_style: str = None,
chart_layout_border_right_color: str = None,
chart_layout_border_bottom_width: float = None,
chart_layout_border_bottom_style: str = None,
chart_layout_border_bottom_color: str = None,
chart_layout_border_left_width: float = None,
chart_layout_border_left_style: str = None,
chart_layout_border_left_color: str = None,
chart_layout_read_direction: str = None,
chart_layout_header_align: str = None,
chart_layout_title: Union[list, str] = None,
chart_layout_title_styling: bool = None,
chart_layout_title_font: str = None,
chart_layout_title_size: str = None,
chart_layout_title_size_custom: float = None,
chart_layout_title_weight: str = None,
chart_layout_title_color: str = None,
chart_layout_title_line_height: float = None,
chart_layout_title_space_above: str = None,
chart_layout_title_space_above_custom: float = None,
chart_layout_subtitle: Union[list, str] = None,
chart_layout_subtitle_styling: bool = None,
chart_layout_subtitle_font: str = None,
chart_layout_subtitle_size: str = None,
chart_layout_subtitle_size_custom: float = None,
chart_layout_subtitle_weight: str = None,
chart_layout_subtitle_color: str = None,
chart_layout_subtitle_line_height: float = None,
chart_layout_subtitle_space_above: str = None,
chart_layout_subtitle_space_above_custom: float = None,
chart_layout_header_text: Union[list, str] = None,
chart_layout_header_text_styling: bool = None,
chart_layout_header_text_size: str = None,
chart_layout_header_text_size_custom: float = None,
chart_layout_header_text_weight: str = None,
chart_layout_header_text_color: str = None,
chart_layout_header_text_line_height: float = None,
chart_layout_header_text_space_above: str = None,
chart_layout_header_text_space_above_custom: float = None,
chart_layout_header_border: str = None,
chart_layout_header_border_width: float = None,
chart_layout_header_border_color: str = None,
chart_layout_header_border_style: str = None,
chart_layout_header_border_space: float = None,
chart_layout_header_logo_enabled: bool = None,
chart_layout_header_logo_src: str = None,
chart_layout_header_logo_link_url: str = None,
chart_layout_header_logo_height: float = None,
chart_layout_header_logo_align: str = None,
chart_layout_header_logo_position_inside: str = None,
chart_layout_header_logo_position_outside: str = None,
chart_layout_header_logo_margin_top: float = None,
chart_layout_header_logo_margin_right: float = None,
chart_layout_header_logo_margin_bottom: float = None,
chart_layout_header_logo_margin_left: float = None,
chart_layout_footer_align: str = None,
chart_layout_footer_text_size: float = None,
chart_layout_footer_text_color: str = None,
chart_layout_footer_styling: bool = None,
chart_layout_footer_font: str = None,
chart_layout_footer_text_weight: str = None,
chart_layout_source_name: str = None,
chart_layout_source_url: str = None,
chart_layout_multiple_sources: bool = None,
chart_layout_source_name_2: str = None,
chart_layout_source_url_2: str = None,
chart_layout_source_name_3: str = None,
chart_layout_source_url_3: str = None,
chart_layout_source_label: str = None,
chart_layout_footer_note: str = None,
chart_layout_footer_note_secondary: str = None,
chart_layout_footer_logo_enabled: bool = None,
chart_layout_footer_logo_src: str = None,
chart_layout_footer_logo_src_light: str = None,
chart_layout_footer_logo_link_url: str = None,
chart_layout_footer_logo_height: float = None,
chart_layout_footer_logo_margin: float = None,
chart_layout_footer_logo_order: str = None,
chart_layout_footer_align_vertical: str = None,
chart_layout_footer_border: str = None,
chart_layout_footer_border_width: float = None,
chart_layout_footer_border_color: str = None,
chart_layout_footer_border_style: str = None,
chart_layout_footer_border_space: float = None,
chart_layout_screenreader_hide_primary: bool = None,
chart_layout_screenreader_text_primary: Union[list, str] = None,
chart_layout_screenreader_label: str = None
)
```
```r
set_svg_annotator_details(
.,
svg_url = NULL,
svg_width_wide = NULL,
mobile_view = NULL,
mobile_breakpoint = NULL,
mobile_svg_mode = NULL,
mobile_svg_url = NULL,
mobile_svg_width = NULL,
mobile_content_mode = NULL,
clickable_svg_animation = NULL,
clickable_svg_animation_duration = NULL,
clickable_svg_animation_config = NULL,
clickable_svg_animation_attr = NULL,
clickable_svg_animation_values = NULL,
clickable_svg_animation_repeat = NULL,
text_panel_enabled = NULL,
h1_default = NULL,
h1_size = NULL,
h2_default = NULL,
h2_size = NULL,
content_default = NULL,
content_size = NULL,
chart_popup_mode = NULL,
chart_popup_popup_is_custom = NULL,
chart_popup_show_popup_styles = NULL,
chart_popup_popup_custom_header = NULL,
chart_popup_popup_custom_main = NULL,
chart_popup_popup_width = NULL,
chart_popup_popup_font_size = NULL,
chart_popup_popup_text_color = NULL,
chart_popup_popup_align = NULL,
chart_popup_popup_background = NULL,
chart_popup_popup_background_opacity = NULL,
chart_popup_popup_padding = NULL,
chart_popup_popup_radius = NULL,
chart_popup_popup_header_type = NULL,
chart_popup_popup_header_background = NULL,
chart_popup_popup_header_text_color = NULL,
chart_popup_popup_list_type = NULL,
chart_popup_popup_list_label_weight = NULL,
chart_popup_popup_list_separator = NULL,
chart_popup_popup_shadow = NULL,
chart_popup_popup_pointer = NULL,
chart_popup_panel_position = NULL,
chart_popup_panel_open_duration = NULL,
chart_popup_panel_side_fixed = NULL,
chart_popup_panel_side_default_content = NULL,
chart_popup_panel_is_custom = NULL,
chart_popup_show_panel_styles = NULL,
chart_popup_panel_custom_header = NULL,
chart_popup_panel_custom_main = NULL,
chart_popup_panel_width_overlay = NULL,
chart_popup_panel_height_overlay = NULL,
chart_popup_panel_width_side = NULL,
chart_popup_panel_height_side = NULL,
chart_popup_panel_max_width = NULL,
chart_popup_panel_max_height = NULL,
chart_popup_panel_vertical_position = NULL,
chart_popup_panel_text_color = NULL,
chart_popup_panel_font_size = NULL,
chart_popup_panel_align = NULL,
chart_popup_panel_background = NULL,
chart_popup_panel_background_opacity = NULL,
chart_popup_panel_padding = NULL,
chart_popup_panel_radius = NULL,
chart_popup_panel_list_type = NULL,
chart_popup_panel_list_label_weight = NULL,
chart_popup_panel_list_separator = NULL,
chart_popup_panel_shadow = NULL,
svg_reset_fonts = NULL,
show_css = NULL,
stylesheet = NULL,
chart_layout_body_font = NULL,
chart_layout_font_color = NULL,
chart_layout_background_color_enabled = NULL,
chart_layout_background_image_enabled = NULL,
chart_layout_background_color = NULL,
chart_layout_background_image_src = NULL,
chart_layout_background_image_size = NULL,
chart_layout_background_image_position = NULL,
chart_layout_max_width_target = NULL,
chart_layout_max_width = NULL,
chart_layout_max_width_align = NULL,
chart_layout_layout_order = NULL,
chart_layout_space_between_sections = NULL,
chart_layout_space_between_sections_custom = NULL,
chart_layout_margin_top = NULL,
chart_layout_margin_right = NULL,
chart_layout_margin_bottom = NULL,
chart_layout_margin_left = NULL,
chart_layout_border_enabled = NULL,
chart_layout_border_top_width = NULL,
chart_layout_border_top_style = NULL,
chart_layout_border_top_color = NULL,
chart_layout_border_right_width = NULL,
chart_layout_border_right_style = NULL,
chart_layout_border_right_color = NULL,
chart_layout_border_bottom_width = NULL,
chart_layout_border_bottom_style = NULL,
chart_layout_border_bottom_color = NULL,
chart_layout_border_left_width = NULL,
chart_layout_border_left_style = NULL,
chart_layout_border_left_color = NULL,
chart_layout_read_direction = NULL,
chart_layout_header_align = NULL,
chart_layout_title = NULL,
chart_layout_title_styling = NULL,
chart_layout_title_font = NULL,
chart_layout_title_size = NULL,
chart_layout_title_size_custom = NULL,
chart_layout_title_weight = NULL,
chart_layout_title_color = NULL,
chart_layout_title_line_height = NULL,
chart_layout_title_space_above = NULL,
chart_layout_title_space_above_custom = NULL,
chart_layout_subtitle = NULL,
chart_layout_subtitle_styling = NULL,
chart_layout_subtitle_font = NULL,
chart_layout_subtitle_size = NULL,
chart_layout_subtitle_size_custom = NULL,
chart_layout_subtitle_weight = NULL,
chart_layout_subtitle_color = NULL,
chart_layout_subtitle_line_height = NULL,
chart_layout_subtitle_space_above = NULL,
chart_layout_subtitle_space_above_custom = NULL,
chart_layout_header_text = NULL,
chart_layout_header_text_styling = NULL,
chart_layout_header_text_size = NULL,
chart_layout_header_text_size_custom = NULL,
chart_layout_header_text_weight = NULL,
chart_layout_header_text_color = NULL,
chart_layout_header_text_line_height = NULL,
chart_layout_header_text_space_above = NULL,
chart_layout_header_text_space_above_custom = NULL,
chart_layout_header_border = NULL,
chart_layout_header_border_width = NULL,
chart_layout_header_border_color = NULL,
chart_layout_header_border_style = NULL,
chart_layout_header_border_space = NULL,
chart_layout_header_logo_enabled = NULL,
chart_layout_header_logo_src = NULL,
chart_layout_header_logo_link_url = NULL,
chart_layout_header_logo_height = NULL,
chart_layout_header_logo_align = NULL,
chart_layout_header_logo_position_inside = NULL,
chart_layout_header_logo_position_outside = NULL,
chart_layout_header_logo_margin_top = NULL,
chart_layout_header_logo_margin_right = NULL,
chart_layout_header_logo_margin_bottom = NULL,
chart_layout_header_logo_margin_left = NULL,
chart_layout_footer_align = NULL,
chart_layout_footer_text_size = NULL,
chart_layout_footer_text_color = NULL,
chart_layout_footer_styling = NULL,
chart_layout_footer_font = NULL,
chart_layout_footer_text_weight = NULL,
chart_layout_source_name = NULL,
chart_layout_source_url = NULL,
chart_layout_multiple_sources = NULL,
chart_layout_source_name_2 = NULL,
chart_layout_source_url_2 = NULL,
chart_layout_source_name_3 = NULL,
chart_layout_source_url_3 = NULL,
chart_layout_source_label = NULL,
chart_layout_footer_note = NULL,
chart_layout_footer_note_secondary = NULL,
chart_layout_footer_logo_enabled = NULL,
chart_layout_footer_logo_src = NULL,
chart_layout_footer_logo_src_light = NULL,
chart_layout_footer_logo_link_url = NULL,
chart_layout_footer_logo_height = NULL,
chart_layout_footer_logo_margin = NULL,
chart_layout_footer_logo_order = NULL,
chart_layout_footer_align_vertical = NULL,
chart_layout_footer_border = NULL,
chart_layout_footer_border_width = NULL,
chart_layout_footer_border_color = NULL,
chart_layout_footer_border_style = NULL,
chart_layout_footer_border_space = NULL,
chart_layout_screenreader_hide_primary = NULL,
chart_layout_screenreader_text_primary = NULL,
chart_layout_screenreader_label = NULL
)
```
## Arguments
| Arguments | Type hint | Description |
| --------------------------------------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `self` | `Flourish` | Returns the Flourish object |
| `svg_url` | `str`, optional | SVG file. Flourish type hint: url, defaults to None |
| `svg_width_wide` | `float`, optional | Image width. The width in % of the image in standard wide-screen view. Flourish type hint: number, defaults to None |
| `mobile_view` | `bool`, optional | Different mobile view. Flourish type hint: boolean, defaults to None |
| `mobile_breakpoint` | `float`, optional | Breakpoint. The size in pixels at which to switch to mobile layout. Flourish type hint: number, defaults to None |
| `mobile_svg_mode` | `str`, optional | Image on mobile. Choices: none, same, different. Whether to show the image at all on mobile. Flourish type hint: string, defaults to None |
| `mobile_svg_url` | `str`, optional | SVG file (mobile). Flourish type hint: url, defaults to None |
| `mobile_svg_width` | `float`, optional | Width. The width in % of the image on a mobile view. Flourish type hint: number, defaults to None |
| `mobile_content_mode` | `str`, optional | Mobile content mode. Choices: interactive, all, accordion. If turned on all content will display on load in mobile view. Flourish type hint: string, defaults to None |
| `clickable_svg_animation` | `str`, optional | Animation clickable elements. Choices: off, animation. Flourish type hint: string, defaults to None |
| `clickable_svg_animation_duration` | `float`, optional | Duration. The duration of the highlight animation on each clickable element. Flourish type hint: number, defaults to None |
| `clickable_svg_animation_config` | `bool`, optional | Advanced. Reveal settings to adjust the SVG Animation properties on clickable elements. See [https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate) for more details. Flourish type hint: boolean, defaults to None |
| `clickable_svg_animation_attr` | `str`, optional | Attribute. Flourish type hint: string, defaults to None |
| `clickable_svg_animation_values` | `str`, optional | Values. Flourish type hint: string, defaults to None |
| `clickable_svg_animation_repeat` | `str`, optional | Repeat. Flourish type hint: string, defaults to None |
| `text_panel_enabled` | `bool`, optional | Text panel enabled. Set to disabled to only show text in popups. Flourish type hint: boolean, defaults to None |
| `h1_default` | `Union[list, str]`, optional | Default heading. The text to show on load. Flourish type hint: text, defaults to None |
| `h1_size` | `float`, optional | Size. Flourish type hint: number, defaults to None |
| `h2_default` | `Union[list, str]`, optional | Default subheading. The text to show on load. Flourish type hint: text, defaults to None |
| `h2_size` | `float`, optional | Size. Flourish type hint: number, defaults to None |
| `content_default` | `Union[list, str]`, optional | Default subheading. The text to show on load. Flourish type hint: text, defaults to None |
| `content_size` | `float`, optional | Size. Flourish type hint: number, defaults to None |
| `chart_popup_mode` | `str`, optional | Choices: none, popup, panel, both. Flourish type hint: string, defaults to None |
| `chart_popup_popup_is_custom` | `bool`, optional | Popup content. Choices: False, True. Flourish type hint: boolean, defaults to None |
| `chart_popup_show_popup_styles` | `bool`, optional | Show popup styles. Flourish type hint: boolean, defaults to None |
| `chart_popup_popup_custom_header` | `Union[list, str]`, optional | Popup custom header. The text to appear in the popup. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to None |
| `chart_popup_popup_custom_main` | `Union[list, str]`, optional | Popup custom main content. The text to appear in the popup. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to None |
| `chart_popup_popup_width` | `float`, optional | Max width. In rems, multiples of base font size. Leave blank to let the width adjust based on the contents. Flourish type hint: number, defaults to None |
| `chart_popup_popup_font_size` | `float`, optional | Text size. Flourish type hint: number, defaults to None |
| `chart_popup_popup_text_color` | `str`, optional | Text color. Flourish type hint: color, defaults to None |
| `chart_popup_popup_align` | `str`, optional | Align. Choices: start, center, end. Flourish type hint: string, defaults to None |
| `chart_popup_popup_background` | `str`, optional | Fill color. Flourish type hint: color, defaults to None |
| `chart_popup_popup_background_opacity` | `float`, optional | Fill opacity. Flourish type hint: number, defaults to None |
| `chart_popup_popup_padding` | `float`, optional | Padding. Flourish type hint: number, defaults to None |
| `chart_popup_popup_radius` | `float`, optional | Radius. Corner radius of popup. Flourish type hint: number, defaults to None |
| `chart_popup_popup_header_type` | `str`, optional | Header style. Choices: block, inline. Flourish type hint: string, defaults to None |
| `chart_popup_popup_header_background` | `str`, optional | Background. Flourish type hint: color, defaults to None |
| `chart_popup_popup_header_text_color` | `str`, optional | Text. Flourish type hint: color, defaults to None |
| `chart_popup_popup_list_type` | `str`, optional | List type. Choices: table, ul. Flourish type hint: string, defaults to None |
| `chart_popup_popup_list_label_weight` | `str`, optional | Label weight. Choices: normal, bold. Flourish type hint: string, defaults to None |
| `chart_popup_popup_list_separator` | `str`, optional | List separator. Choices: :, , , `
`. Flourish type hint: string, defaults to None |
| `chart_popup_popup_shadow` | `bool`, optional | Shadow. Flourish type hint: boolean, defaults to None |
| `chart_popup_popup_pointer` | `bool`, optional | Pointer. Flourish type hint: boolean, defaults to None |
| `chart_popup_panel_position` | `str`, optional | Choices: overlay, left, right, top, bottom. Flourish type hint: string, defaults to None |
| `chart_popup_panel_open_duration` | `float`, optional | Open duration. Flourish type hint: number, defaults to None |
| `chart_popup_panel_side_fixed` | `bool`, optional | Always show. Flourish type hint: boolean, defaults to None |
| `chart_popup_panel_side_default_content` | `Union[list, str]`, optional | Placeholder content. Flourish type hint: text, defaults to None |
| `chart_popup_panel_is_custom` | `bool`, optional | Panel content. Choices: False, True. Flourish type hint: boolean, defaults to None |
| `chart_popup_show_panel_styles` | `bool`, optional | Show panel styles. Flourish type hint: boolean, defaults to None |
| `chart_popup_panel_custom_header` | `Union[list, str]`, optional | Panel custom header. The text to appear in the panel. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to None |
| `chart_popup_panel_custom_main` | `Union[list, str]`, optional | Panel custom main content. The text to appear in the panel. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to None |
| `chart_popup_panel_width_overlay` | `float`, optional | Width (%). Flourish type hint: number, defaults to None |
| `chart_popup_panel_height_overlay` | `float`, optional | Height (%). Flourish type hint: number, defaults to None |
| `chart_popup_panel_width_side` | `float`, optional | Width (%). Flourish type hint: number, defaults to None |
| `chart_popup_panel_height_side` | `float`, optional | Height (%). Flourish type hint: number, defaults to None |
| `chart_popup_panel_max_width` | `float`, optional | Max width (px). Flourish type hint: number, defaults to None |
| `chart_popup_panel_max_height` | `float`, optional | Max height (px). Flourish type hint: number, defaults to None |
| `chart_popup_panel_vertical_position` | `str`, optional | Vertical position. Choices: click, center. Choosing "Click position" is especially useful when your visualisation is really tall, this will make sure the panel content is always on top of the element youve clicked on. Flourish type hint: string, defaults to None |
| `chart_popup_panel_text_color` | `str`, optional | Text color. Flourish type hint: color, defaults to None |
| `chart_popup_panel_font_size` | `float`, optional | Text size. Flourish type hint: number, defaults to None |
| `chart_popup_panel_align` | `str`, optional | Alignment. Choices: start, center, end. Flourish type hint: string, defaults to None |
| `chart_popup_panel_background` | `str`, optional | Fill color. Flourish type hint: color, defaults to None |
| `chart_popup_panel_background_opacity` | `float`, optional | Fill opacity. Flourish type hint: number, defaults to None |
| `chart_popup_panel_padding` | `float`, optional | Padding. Flourish type hint: number, defaults to None |
| `chart_popup_panel_radius` | `float`, optional | Radius. Corner radius of panel. Flourish type hint: number, defaults to None |
| `chart_popup_panel_list_type` | `str`, optional | List type. Choices: table, ul. Flourish type hint: string, defaults to None |
| `chart_popup_panel_list_label_weight` | `str`, optional | Label weight. Choices: normal, bold. Flourish type hint: string, defaults to None |
| `chart_popup_panel_list_separator` | `str`, optional | List separator. Choices: :, , , `
`. Flourish type hint: string, defaults to None |
| `chart_popup_panel_shadow` | `bool`, optional | Shadow. Flourish type hint: boolean, defaults to None |
| `svg_reset_fonts` | `bool`, optional | Override fonts in SVG. If enabled, font-family styles will be removed in the SVG, allowing the text to be inherited from the current theme or settings. Flourish type hint: boolean, defaults to None |
| `show_css` | `bool`, optional | Edit CSS. Flourish type hint: boolean, defaults to None |
| `stylesheet` | `Union[list, str]`, optional | Custom styles. Use the class .clickable-element to target all interactive elements. When one is clicked, it is .highlighted and the others are .faded. The text for each clickable element is inside a .text-block, which is also .accordion in accordion mode. Flourish type hint: code, defaults to None |
| `chart_layout_body_font` | `str`, optional | Main font. This font will apply to the whole graphic by default, but you can optionally change the font for the title, subtitle, footer, etc in the Header and Footer settings panels. Flourish type hint: font, defaults to None |
| `chart_layout_font_color` | `str`, optional | Text color. This color will apply to the whole graphic by default, but you can optionally change the color for individual text elements, in other settings panels. Flourish type hint: color, defaults to None |
| `chart_layout_background_color_enabled` | `bool`, optional | Color. Choices: True, False. Flourish type hint: boolean, defaults to None |
| `chart_layout_background_image_enabled` | `bool`, optional | Image. Choices: True, False. Flourish type hint: boolean, defaults to None |
| `chart_layout_background_color` | `str`, optional | Background color. Flourish type hint: color, defaults to None |
| `chart_layout_background_image_src` | `str`, optional | Image URL. Flourish type hint: url, defaults to None |
| `chart_layout_background_image_size` | `str`, optional | Size. Choices: cover, contain, auto, 100% 100%. Flourish type hint: string, defaults to None |
| `chart_layout_background_image_position` | `str`, optional | Position. Choices: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right. Flourish type hint: string, defaults to None |
| `chart_layout_max_width_target` | `str`, optional | Maximum width. Choices: none, wrapper, primary. Apply a maximum width to just the main graphic or everything (main graphic plus header, footer, etc). Flourish type hint: string, defaults to None |
| `chart_layout_max_width` | `float`, optional | Maximum width. Leave blank to stretch to container width. Flourish type hint: number, defaults to None |
| `chart_layout_max_width_align` | `str`, optional | Align. Choices: left, center, right. Flourish type hint: string, defaults to None |
| `chart_layout_layout_order` | `str`, optional | Layout order. Choices: stack-default, stack-2, stack-3, stack-4. Flourish type hint: string, defaults to None |
| `chart_layout_space_between_sections` | `str`, optional | Space between sections. Choices: 0.5, 1, 1.5, custom. Flourish type hint: string, defaults to None |
| `chart_layout_space_between_sections_custom` | `float`, optional | Custom. Flourish type hint: number, defaults to None |
| `chart_layout_margin_top` | `float`, optional | Top. Flourish type hint: number, defaults to None |
| `chart_layout_margin_right` | `float`, optional | Right. Flourish type hint: number, defaults to None |
| `chart_layout_margin_bottom` | `float`, optional | Bottom. Flourish type hint: number, defaults to None |
| `chart_layout_margin_left` | `float`, optional | Left. Flourish type hint: number, defaults to None |
| `chart_layout_border_enabled` | `bool`, optional | Show borders around visualisation. Flourish type hint: boolean, defaults to None |
| `chart_layout_border_top_width` | `float`, optional | Top. Flourish type hint: number, defaults to None |
| `chart_layout_border_top_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_border_top_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_border_right_width` | `float`, optional | Right. Flourish type hint: number, defaults to None |
| `chart_layout_border_right_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_border_right_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_border_bottom_width` | `float`, optional | Bottom. Flourish type hint: number, defaults to None |
| `chart_layout_border_bottom_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_border_bottom_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_border_left_width` | `float`, optional | Left. Flourish type hint: number, defaults to None |
| `chart_layout_border_left_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_border_left_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_read_direction` | `str`, optional | Read direction. Choices: ltr, rtl. This will change the reading direction of the main text elements on the page. Its not possible to adjust this on all elements such as axes. Note that when direction is set to "right to left" any alignment icons will be reversed. Flourish type hint: string, defaults to None |
| `chart_layout_header_align` | `str`, optional | Alignment. Choices: left, center, right. Flourish type hint: string, defaults to None |
| `chart_layout_title` | `Union[list, str]`, optional | Flourish type hint: html, defaults to None |
| `chart_layout_title_styling` | `bool`, optional | Styling. Flourish type hint: boolean, defaults to None |
| `chart_layout_title_font` | `str`, optional | Title Font. Flourish type hint: font, defaults to None |
| `chart_layout_title_size` | `str`, optional | Size. Choices: 1.4, 1.6, 2, custom. Flourish type hint: string, defaults to None |
| `chart_layout_title_size_custom` | `float`, optional | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to None |
| `chart_layout_title_weight` | `str`, optional | Weight. Choices: bold, normal. Flourish type hint: string, defaults to None |
| `chart_layout_title_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_title_line_height` | `float`, optional | Line height. Flourish type hint: number, defaults to None |
| `chart_layout_title_space_above` | `str`, optional | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to None |
| `chart_layout_title_space_above_custom` | `float`, optional | Custom. Flourish type hint: number, defaults to None |
| `chart_layout_subtitle` | `Union[list, str]`, optional | Flourish type hint: html, defaults to None |
| `chart_layout_subtitle_styling` | `bool`, optional | Styling. Flourish type hint: boolean, defaults to None |
| `chart_layout_subtitle_font` | `str`, optional | Subtitle Font. Flourish type hint: font, defaults to None |
| `chart_layout_subtitle_size` | `str`, optional | Size. Choices: 1.4, 1.6, 2, custom. Flourish type hint: string, defaults to None |
| `chart_layout_subtitle_size_custom` | `float`, optional | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to None |
| `chart_layout_subtitle_weight` | `str`, optional | Weight. Choices: bold, normal. Flourish type hint: string, defaults to None |
| `chart_layout_subtitle_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_subtitle_line_height` | `float`, optional | Line height. Flourish type hint: number, defaults to None |
| `chart_layout_subtitle_space_above` | `str`, optional | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to None |
| `chart_layout_subtitle_space_above_custom` | `float`, optional | Custom. Flourish type hint: number, defaults to None |
| `chart_layout_header_text` | `Union[list, str]`, optional | Flourish type hint: html, defaults to None |
| `chart_layout_header_text_styling` | `bool`, optional | Styling. Flourish type hint: boolean, defaults to None |
| `chart_layout_header_text_size` | `str`, optional | Size. Choices: 1.2, 1.4, 1.6, custom. Flourish type hint: string, defaults to None |
| `chart_layout_header_text_size_custom` | `float`, optional | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to None |
| `chart_layout_header_text_weight` | `str`, optional | Weight. Choices: bold, normal. Flourish type hint: string, defaults to None |
| `chart_layout_header_text_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_header_text_line_height` | `float`, optional | Line height. Flourish type hint: number, defaults to None |
| `chart_layout_header_text_space_above` | `str`, optional | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to None |
| `chart_layout_header_text_space_above_custom` | `float`, optional | Custom. Flourish type hint: number, defaults to None |
| `chart_layout_header_border` | `str`, optional | Choices: top, bottom, top\_and\_bottom, none. Flourish type hint: string, defaults to None |
| `chart_layout_header_border_width` | `float`, optional | Width. Flourish type hint: number, defaults to None |
| `chart_layout_header_border_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_header_border_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_header_border_space` | `float`, optional | Space. Space between border and header text. Flourish type hint: number, defaults to None |
| `chart_layout_header_logo_enabled` | `bool`, optional | Choices: True, False. Flourish type hint: boolean, defaults to None |
| `chart_layout_header_logo_src` | `str`, optional | Image. Flourish type hint: url, defaults to None |
| `chart_layout_header_logo_link_url` | `str`, optional | Link. Flourish type hint: string, defaults to None |
| `chart_layout_header_logo_height` | `float`, optional | Height. Flourish type hint: number, defaults to None |
| `chart_layout_header_logo_align` | `str`, optional | Align. Choices: inside, outside. Align logo inside either the header or the main visualisation container. Flourish type hint: string, defaults to None |
| `chart_layout_header_logo_position_inside` | `str`, optional | Position. Choices: top, left, right. Flourish type hint: string, defaults to None |
| `chart_layout_header_logo_position_outside` | `str`, optional | Position. Choices: left, right. Flourish type hint: string, defaults to None |
| `chart_layout_header_logo_margin_top` | `float`, optional | Top. Flourish type hint: number, defaults to None |
| `chart_layout_header_logo_margin_right` | `float`, optional | Right. Flourish type hint: number, defaults to None |
| `chart_layout_header_logo_margin_bottom` | `float`, optional | Bottom. Flourish type hint: number, defaults to None |
| `chart_layout_header_logo_margin_left` | `float`, optional | Left. Flourish type hint: number, defaults to None |
| `chart_layout_footer_align` | `str`, optional | Alignment. Choices: left, center, right, justify. Flourish type hint: string, defaults to None |
| `chart_layout_footer_text_size` | `float`, optional | Size. Flourish type hint: number, defaults to None |
| `chart_layout_footer_text_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_footer_styling` | `bool`, optional | Advanced footer styles. Flourish type hint: boolean, defaults to None |
| `chart_layout_footer_font` | `str`, optional | Font. Flourish type hint: font, defaults to None |
| `chart_layout_footer_text_weight` | `str`, optional | Weight. Choices: bold, normal. Flourish type hint: string, defaults to None |
| `chart_layout_source_name` | `str`, optional | Source name. Flourish type hint: string, defaults to None |
| `chart_layout_source_url` | `str`, optional | Source url. Flourish type hint: string, defaults to None |
| `chart_layout_multiple_sources` | `bool`, optional | Multiple sources. Flourish type hint: boolean, defaults to None |
| `chart_layout_source_name_2` | `str`, optional | Source name. Flourish type hint: string, defaults to None |
| `chart_layout_source_url_2` | `str`, optional | Source url. Flourish type hint: string, defaults to None |
| `chart_layout_source_name_3` | `str`, optional | Source name. Flourish type hint: string, defaults to None |
| `chart_layout_source_url_3` | `str`, optional | Source url. Flourish type hint: string, defaults to None |
| `chart_layout_source_label` | `str`, optional | Source label. Flourish type hint: string, defaults to None |
| `chart_layout_footer_note` | `str`, optional | Note. Flourish type hint: string, defaults to None |
| `chart_layout_footer_note_secondary` | `str`, optional | Note (secondary). The secondary note is placed below the source and primary note. Flourish type hint: string, defaults to None |
| `chart_layout_footer_logo_enabled` | `bool`, optional | Image. Choices: True, False. Flourish type hint: boolean, defaults to None |
| `chart_layout_footer_logo_src` | `str`, optional | Image. Flourish type hint: url, defaults to None |
| `chart_layout_footer_logo_src_light` | `str`, optional | Image (light version). If provided this version will be used whenever the background colour is dark. Flourish type hint: hidden, defaults to None |
| `chart_layout_footer_logo_link_url` | `str`, optional | Link. Flourish type hint: string, defaults to None |
| `chart_layout_footer_logo_height` | `float`, optional | Height. Flourish type hint: number, defaults to None |
| `chart_layout_footer_logo_margin` | `float`, optional | Margin. Flourish type hint: number, defaults to None |
| `chart_layout_footer_logo_order` | `str`, optional | Position. Choices: left, right. Flourish type hint: string, defaults to None |
| `chart_layout_footer_align_vertical` | `str`, optional | V. align. Choices: flex-start, center, flex-end. Flourish type hint: string, defaults to None |
| `chart_layout_footer_border` | `str`, optional | Choices: top, bottom, top\_and\_bottom, none. Flourish type hint: string, defaults to None |
| `chart_layout_footer_border_width` | `float`, optional | Width. Flourish type hint: number, defaults to None |
| `chart_layout_footer_border_color` | `str`, optional | Color. Flourish type hint: color, defaults to None |
| `chart_layout_footer_border_style` | `str`, optional | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to None |
| `chart_layout_footer_border_space` | `float`, optional | Space. Space between border and footer text. Flourish type hint: number, defaults to None |
| `chart_layout_screenreader_hide_primary` | `bool`, optional | Screenreader mode for main visual container. Choices: True, False. Whether the main visual container is visible to screenreaders. (Text in the header and footer are always available to screenreaders.). Flourish type hint: boolean, defaults to None |
| `chart_layout_screenreader_text_primary` | `Union[list, str]`, optional | Screenreader description. A text alternative to the visual content that will only be visible to screenreaders, e.g. The line chart shows China consistently higher than the other countries since 1990. Do not replicate your title, since that will also be read by screenreaders. Flourish type hint: text, defaults to None |
| `chart_layout_screenreader_label` | `str`, optional | Screenreader label. A short text label given to the main Flourish embed wrapper to provide an accessible name that is only visible to screenreaders. Added in the form of an "aria-label". Flourish type hint: string, defaults to None |
| Arguments | Description |
| --------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `.` | Returns the Flourish object |
| `svg_url` | SVG file. Flourish type hint: url, defaults to `NULL` |
| `svg_width_wide` | Image width. The width in % of the image in standard wide-screen view. Flourish type hint: number, defaults to `NULL` |
| `mobile_view` | Different mobile view. Flourish type hint: boolean, defaults to `NULL` |
| `mobile_breakpoint` | Breakpoint. The size in pixels at which to switch to mobile layout. Flourish type hint: number, defaults to `NULL` |
| `mobile_svg_mode` | Image on mobile. Choices: none, same, different. Whether to show the image at all on mobile. Flourish type hint: string, defaults to `NULL` |
| `mobile_svg_url` | SVG file (mobile). Flourish type hint: url, defaults to `NULL` |
| `mobile_svg_width` | Width. The width in % of the image on a mobile view. Flourish type hint: number, defaults to `NULL` |
| `mobile_content_mode` | Mobile content mode. Choices: interactive, all, accordion. If turned on all content will display on load in mobile view. Flourish type hint: string, defaults to `NULL` |
| `clickable_svg_animation` | Animation clickable elements. Choices: off, animation. Flourish type hint: string, defaults to `NULL` |
| `clickable_svg_animation_duration` | Duration. The duration of the highlight animation on each clickable element. Flourish type hint: number, defaults to `NULL` |
| `clickable_svg_animation_config` | Advanced. Reveal settings to adjust the SVG Animation properties on clickable elements. See [https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate) for more details. Flourish type hint: boolean, defaults to `NULL` |
| `clickable_svg_animation_attr` | Attribute. Flourish type hint: string, defaults to `NULL` |
| `clickable_svg_animation_values` | Values. Flourish type hint: string, defaults to `NULL` |
| `clickable_svg_animation_repeat` | Repeat. Flourish type hint: string, defaults to `NULL` |
| `text_panel_enabled` | Text panel enabled. Set to disabled to only show text in popups. Flourish type hint: boolean, defaults to `NULL` |
| `h1_default` | Default heading. The text to show on load. Flourish type hint: text, defaults to `NULL` |
| `h1_size` | Size. Flourish type hint: number, defaults to `NULL` |
| `h2_default` | Default subheading. The text to show on load. Flourish type hint: text, defaults to `NULL` |
| `h2_size` | Size. Flourish type hint: number, defaults to `NULL` |
| `content_default` | Default subheading. The text to show on load. Flourish type hint: text, defaults to `NULL` |
| `content_size` | Size. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_mode` | Choices: none, popup, panel, both. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_is_custom` | Popup content. Choices: `FALSE`, `TRUE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_show_popup_styles` | Show popup styles. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_popup_custom_header` | Popup custom header. The text to appear in the popup. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to `NULL` |
| `chart_popup_popup_custom_main` | Popup custom main content. The text to appear in the popup. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to `NULL` |
| `chart_popup_popup_width` | Max width. In rems, multiples of base font size. Leave blank to let the width adjust based on the contents. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_popup_font_size` | Text size. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_popup_text_color` | Text color. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_popup_align` | Align. Choices: start, center, end. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_background` | Fill color. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_popup_background_opacity` | Fill opacity. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_popup_padding` | Padding. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_popup_radius` | Radius. Corner radius of popup. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_popup_header_type` | Header style. Choices: block, inline. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_header_background` | Background. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_popup_header_text_color` | Text. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_popup_list_type` | List type. Choices: table, ul. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_list_label_weight` | Label weight. Choices: normal, bold. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_list_separator` | List separator. Choices: :, , , `
`. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_popup_shadow` | Shadow. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_popup_pointer` | Pointer. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_panel_position` | Choices: overlay, left, right, top, bottom. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_open_duration` | Open duration. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_side_fixed` | Always show. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_panel_side_default_content` | Placeholder content. Flourish type hint: text, defaults to `NULL` |
| `chart_popup_panel_is_custom` | Panel content. Choices: `FALSE`, `TRUE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_show_panel_styles` | Show panel styles. Flourish type hint: boolean, defaults to `NULL` |
| `chart_popup_panel_custom_header` | Panel custom header. The text to appear in the panel. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to `NULL` |
| `chart_popup_panel_custom_main` | Panel custom main content. The text to appear in the panel. You can use `{{column_name}}` to add a value from your data. It must be in a selected column, but you can add columns to Metadata if you just want to include them for use in the popup. Advanced users can include HTML to apply layouts, formatting, images, etc. You can also hide content based on a column name being empty using `{{# if column_name}}Text to display when column_name is not empty{{/if}}`. For example: `{{Country}} {{#if Capital}}(Capital: {{Capital}}){{/if}}` Flourish type hint: html, defaults to `NULL` |
| `chart_popup_panel_width_overlay` | Width (%). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_height_overlay` | Height (%). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_width_side` | Width (%). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_height_side` | Height (%). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_max_width` | Max width (px). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_max_height` | Max height (px). Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_vertical_position` | Vertical position. Choices: click, center. Choosing "Click position" is especially useful when your visualisation is really tall, this will make sure the panel content is always on top of the element youve clicked on. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_text_color` | Text color. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_panel_font_size` | Text size. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_align` | Alignment. Choices: start, center, end. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_background` | Fill color. Flourish type hint: color, defaults to `NULL` |
| `chart_popup_panel_background_opacity` | Fill opacity. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_padding` | Padding. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_radius` | Radius. Corner radius of panel. Flourish type hint: number, defaults to `NULL` |
| `chart_popup_panel_list_type` | List type. Choices: table, ul. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_list_label_weight` | Label weight. Choices: normal, bold. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_list_separator` | List separator. Choices: :, , , `
`. Flourish type hint: string, defaults to `NULL` |
| `chart_popup_panel_shadow` | Shadow. Flourish type hint: boolean, defaults to `NULL` |
| `svg_reset_fonts` | Override fonts in SVG. If enabled, font-family styles will be removed in the SVG, allowing the text to be inherited from the current theme or settings. Flourish type hint: boolean, defaults to `NULL` |
| `show_css` | Edit CSS. Flourish type hint: boolean, defaults to `NULL` |
| `stylesheet` | Custom styles. Use the class .clickable-element to target all interactive elements. When one is clicked, it is .highlighted and the others are .faded. The text for each clickable element is inside a .text-block, which is also .accordion in accordion mode. Flourish type hint: code, defaults to `NULL` |
| `chart_layout_body_font` | Main font. This font will apply to the whole graphic by default, but you can optionally change the font for the title, subtitle, footer, etc in the Header and Footer settings panels. Flourish type hint: font, defaults to `NULL` |
| `chart_layout_font_color` | Text color. This color will apply to the whole graphic by default, but you can optionally change the color for individual text elements, in other settings panels. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_background_color_enabled` | Color. Choices: `TRUE`, `FALSE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_background_image_enabled` | Image. Choices: `TRUE`, `FALSE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_background_color` | Background color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_background_image_src` | Image URL. Flourish type hint: url, defaults to `NULL` |
| `chart_layout_background_image_size` | Size. Choices: cover, contain, auto, 100% 100%. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_background_image_position` | Position. Choices: top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_max_width_target` | Maximum width. Choices: none, wrapper, primary. Apply a maximum width to just the main graphic or everything (main graphic plus header, footer, etc). Flourish type hint: string, defaults to `NULL` |
| `chart_layout_max_width` | Maximum width. Leave blank to stretch to container width. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_max_width_align` | Align. Choices: left, center, right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_layout_order` | Layout order. Choices: stack-default, stack-2, stack-3, stack-4. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_space_between_sections` | Space between sections. Choices: 0.5, 1, 1.5, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_space_between_sections_custom` | Custom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_margin_top` | Top. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_margin_right` | Right. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_margin_bottom` | Bottom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_margin_left` | Left. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_border_enabled` | Show borders around visualisation. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_border_top_width` | Top. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_border_top_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_border_top_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_border_right_width` | Right. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_border_right_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_border_right_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_border_bottom_width` | Bottom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_border_bottom_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_border_bottom_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_border_left_width` | Left. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_border_left_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_border_left_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_read_direction` | Read direction. Choices: ltr, rtl. This will change the reading direction of the main text elements on the page. Its not possible to adjust this on all elements such as axes. Note that when direction is set to "right to left" any alignment icons will be reversed. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_align` | Alignment. Choices: left, center, right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_title` | Flourish type hint: html, defaults to `NULL` |
| `chart_layout_title_styling` | Styling. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_title_font` | Title Font. Flourish type hint: font, defaults to `NULL` |
| `chart_layout_title_size` | Size. Choices: 1.4, 1.6, 2, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_title_size_custom` | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_title_weight` | Weight. Choices: bold, normal. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_title_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_title_line_height` | Line height. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_title_space_above` | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_title_space_above_custom` | Custom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_subtitle` | Flourish type hint: html, defaults to `NULL` |
| `chart_layout_subtitle_styling` | Styling. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_subtitle_font` | Subtitle Font. Flourish type hint: font, defaults to `NULL` |
| `chart_layout_subtitle_size` | Size. Choices: 1.4, 1.6, 2, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_subtitle_size_custom` | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_subtitle_weight` | Weight. Choices: bold, normal. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_subtitle_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_subtitle_line_height` | Line height. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_subtitle_space_above` | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_subtitle_space_above_custom` | Custom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_text` | Flourish type hint: html, defaults to `NULL` |
| `chart_layout_header_text_styling` | Styling. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_header_text_size` | Size. Choices: 1.2, 1.4, 1.6, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_text_size_custom` | Custom. Specify a custom responsive font size. Best results will be with values between 1.2 and 3. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_text_weight` | Weight. Choices: bold, normal. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_text_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_header_text_line_height` | Line height. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_text_space_above` | Space above. Choices: 0, 0.5, 1, custom. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_text_space_above_custom` | Custom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_border` | Choices: top, bottom, top\_and\_bottom, none. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_border_width` | Width. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_border_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_header_border_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_border_space` | Space. Space between border and header text. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_logo_enabled` | Choices: `TRUE`, `FALSE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_header_logo_src` | Image. Flourish type hint: url, defaults to `NULL` |
| `chart_layout_header_logo_link_url` | Link. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_logo_height` | Height. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_logo_align` | Align. Choices: inside, outside. Align logo inside either the header or the main visualisation container. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_logo_position_inside` | Position. Choices: top, left, right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_logo_position_outside` | Position. Choices: left, right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_header_logo_margin_top` | Top. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_logo_margin_right` | Right. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_logo_margin_bottom` | Bottom. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_header_logo_margin_left` | Left. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_footer_align` | Alignment. Choices: left, center, right, justify. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_text_size` | Size. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_footer_text_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_footer_styling` | Advanced footer styles. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_footer_font` | Font. Flourish type hint: font, defaults to `NULL` |
| `chart_layout_footer_text_weight` | Weight. Choices: bold, normal. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_name` | Source name. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_url` | Source url. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_multiple_sources` | Multiple sources. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_source_name_2` | Source name. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_url_2` | Source url. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_name_3` | Source name. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_url_3` | Source url. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_source_label` | Source label. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_note` | Note. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_note_secondary` | Note (secondary). The secondary note is placed below the source and primary note. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_logo_enabled` | Image. Choices: `TRUE`, `FALSE`. Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_footer_logo_src` | Image. Flourish type hint: url, defaults to `NULL` |
| `chart_layout_footer_logo_src_light` | Image (light version). If provided this version will be used whenever the background colour is dark. Flourish type hint: hidden, defaults to `NULL` |
| `chart_layout_footer_logo_link_url` | Link. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_logo_height` | Height. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_footer_logo_margin` | Margin. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_footer_logo_order` | Position. Choices: left, right. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_align_vertical` | V. align. Choices: flex-start, center, flex-end. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_border` | Choices: top, bottom, top\_and\_bottom, none. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_border_width` | Width. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_footer_border_color` | Color. Flourish type hint: color, defaults to `NULL` |
| `chart_layout_footer_border_style` | Style. Choices: solid, dashed, dotted. Flourish type hint: string, defaults to `NULL` |
| `chart_layout_footer_border_space` | Space. Space between border and footer text. Flourish type hint: number, defaults to `NULL` |
| `chart_layout_screenreader_hide_primary` | Screenreader mode for main visual container. Choices: `TRUE`, `FALSE`. Whether the main visual container is visible to screenreaders. (Text in the header and footer are always available to screenreaders.). Flourish type hint: boolean, defaults to `NULL` |
| `chart_layout_screenreader_text_primary` | Screenreader description. A text alternative to the visual content that will only be visible to screenreaders, e.g. The line chart shows China consistently higher than the other countries since 1990. Do not replicate your title, since that will also be read by screenreaders. Flourish type hint: text, defaults to `NULL` |
| `chart_layout_screenreader_label` | Screenreader label. A short text label given to the main Flourish embed wrapper to provide an accessible name that is only visible to screenreaders. Added in the form of an "aria-label". Flourish type hint: string, defaults to `NULL` |