Add extra details to charts
Set functionsSet audio chart detailsSet bar chart race chart detailsSet bubble chart chart detailsSet calculator chart detailsSet cards chart detailsSet chord diagram chart detailsSet countdown chart detailsSet draw the line chart chart detailsSet election results chart chart detailsSet gantt chart chart detailsSet gauge chart detailsSet hierarchy chart detailsSet line chart race chart detailsSet interactive svg chart detailsSet line, bar and pie charts chart detailsSet marimekko chart detailsSet network graph chart detailsSet number ticker chart detailsSet parliament chart chart detailsSet photo slider chart detailsSet pictogram chart detailsSet quiz chart detailsSet radar chart chart detailsSet sankey diagram chart detailsSet scatter chart detailsSet slope chart chart detailsSet sports chart detailsSet sports race chart detailsSet survey chart detailsSet svg annotator chart detailsSet table chart detailsSet text annotator chart detailsSet timeline chart detailsSet tournament chart detailsSet word cloud chart details
Set interactive svg chart details
Usage
def set_interactive_svg_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,h3_default: Union[list, str] = None,h3_size: float = None,h4_default: Union[list, str] = None,h4_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_custom_accessible: 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_font_size_mobile_small: float = None,chart_layout_font_size_mobile_big: float = None,chart_layout_font_size_tablet: float = None,chart_layout_font_size_desktop: float = None,chart_layout_font_size_big_screen: float = None,chart_layout_breakpoint_mobile_small: float = None,chart_layout_breakpoint_mobile_big: float = None,chart_layout_breakpoint_tablet: float = None,chart_layout_breakpoint_desktop: float = None,chart_layout_breakpoint_big_screen: float = 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_alt: 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: Union[list, str] = None,chart_layout_footer_note_secondary: Union[list, str] = None,chart_layout_advanced_note_styling: bool = None,chart_layout_footer_timestamp_format: 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_alt: 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_text_primary: Union[list, str] = None,chart_layout_screenreader_label: str = None,chart_layout_screenreader_hide_primary: bool = None)
python
set_interactive_svg_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,h3_default = NULL,h3_size = NULL,h4_default = NULL,h4_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_custom_accessible = 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_font_size_mobile_small = NULL,chart_layout_font_size_mobile_big = NULL,chart_layout_font_size_tablet = NULL,chart_layout_font_size_desktop = NULL,chart_layout_font_size_big_screen = NULL,chart_layout_breakpoint_mobile_small = NULL,chart_layout_breakpoint_mobile_big = NULL,chart_layout_breakpoint_tablet = NULL,chart_layout_breakpoint_desktop = NULL,chart_layout_breakpoint_big_screen = 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_alt = 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_advanced_note_styling = NULL,chart_layout_footer_timestamp_format = NULL,chart_layout_footer_logo_enabled = NULL,chart_layout_footer_logo_src = NULL,chart_layout_footer_logo_src_light = NULL,chart_layout_footer_logo_alt = 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_text_primary = NULL,chart_layout_screenreader_label = NULL,chart_layout_screenreader_hide_primary = NULL)
r
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 percentage 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 percentage 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 Mozilla docs for more detailsFlourish 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. Disable to only show text in popups. Flourish type hint: boolean, defaults to None |
h3_default | Union[list, str] , optional | Default heading. The text to show on load. Flourish type hint: text, defaults to None |
h3_size | float , optional | Size. Flourish type hint: number, defaults to None |
h4_default | Union[list, str] , optional | Default subheading. The text to show on load. Flourish type hint: text, defaults to None |
h4_size | float , optional | Size. Flourish type hint: number, defaults to None |
content_default | Union[list, str] , optional | Default text. 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. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for popup use. Advanced users can add HTML styling or add category colors to popup headers. To hide parts of the popup when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to None |
chart_popup_popup_custom_main | Union[list, str] , optional | Popup custom main content. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for popup use. Advanced users can add HTML for designs, styles, and images. To hide parts of the popup when a column is empty use the syntax {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to None |
chart_popup_popup_custom_accessible | Union[list, str] , optional | Popup custom accessible content. A text alternative to visual custom popup content that will be read out by screenreaders. This content is added as an aria-label attribute to data point elements. You can still use {{column_name}} to add values from your data, but do not use HTML. For example: {{Name}}, Population: {{Population}}, GDP: {{GDP}} . If left empty, accessible content will fallback to the default popup content. Flourish type hint: text, 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: :, , , <br /> . 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. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for panel use. Advanced users can add HTML for styling or add category colors to panel headers. To hide parts of the panel when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to None |
chart_popup_panel_custom_main | Union[list, str] , optional | Panel custom main content. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for panel use. Advanced users can add HTML for designs, styles, images, videos and embedded Flourish charts, To hide parts of the panel when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. 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 visualization 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: :, , , <br /> . 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 CSS class .clickable-element to target all interactive elements. When one is clicked, it has the CSS class 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. 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, 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. 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_font_size_mobile_small | float , optional | Flourish type hint: number, defaults to None |
chart_layout_font_size_mobile_big | float , optional | Flourish type hint: number, defaults to None |
chart_layout_font_size_tablet | float , optional | Flourish type hint: number, defaults to None |
chart_layout_font_size_desktop | float , optional | Flourish type hint: number, defaults to None |
chart_layout_font_size_big_screen | float , optional | Flourish type hint: number, defaults to None |
chart_layout_breakpoint_mobile_small | float , optional | Flourish type hint: number, defaults to None |
chart_layout_breakpoint_mobile_big | float , optional | Flourish type hint: number, defaults to None |
chart_layout_breakpoint_tablet | float , optional | Flourish type hint: number, defaults to None |
chart_layout_breakpoint_desktop | float , optional | Flourish type hint: number, defaults to None |
chart_layout_breakpoint_big_screen | float , optional | Flourish type hint: number, 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 in rems The 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 in rems The 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 in rems The 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_alt | str , optional | Alt text. Flourish type hint: string, 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 visualization 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 | Union[list, str] , optional | Note. To add the time/date stamp of when the data was last updated add {{data_last_updated}} . For example, "Last updated at {{data_last_updated}} ". To customize the format, use the advanced options below. Flourish type hint: html, defaults to None |
chart_layout_footer_note_secondary | Union[list, str] , optional | Note (secondary). The secondary note is placed below the source and primary note. To add the time/date stamp of when the data was last updated add {{data_last_updated}} . For example, "Last updated at {{data_last_updated}} ". To customize the format, use the advanced options below. Flourish type hint: html, defaults to None |
chart_layout_advanced_note_styling | bool , optional | Advanced. Flourish type hint: boolean, defaults to None |
chart_layout_footer_timestamp_format | str , optional | Time/date stamp formatting. Choices: %H:%M:%S, %I:%M %p, %H:%M, %H:%M %p, %H:%M:%S, %d %b %Y, %H:%M, %d %b %Y, %H:%M, %d/%m/%Y, %H:%M, %m/%d/%Y, %H:%M, %d-%m-%Y, %H:%M, %m-%d-%Y, %d %b %Y, %m/%d/%Y, %d/%m/%Y, %m-%d-%Y, %d-%m-%Y, %Y-%m-%d, %Y-%m-%d %H:%M:%S. 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 color is dark. Flourish type hint: hidden, defaults to None |
chart_layout_footer_logo_alt | str , optional | Alt text. Flourish type hint: string, 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_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 |
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 |
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 percentage 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 percentage 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 Mozilla docs for more detailsFlourish 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. Disable to only show text in popups. Flourish type hint: boolean, defaults to NULL |
h3_default | Default heading. The text to show on load. Flourish type hint: text, defaults to NULL |
h3_size | Size. Flourish type hint: number, defaults to NULL |
h4_default | Default subheading. The text to show on load. Flourish type hint: text, defaults to NULL |
h4_size | Size. Flourish type hint: number, defaults to NULL |
content_default | Default text. 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. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for popup use. Advanced users can add HTML styling or add category colors to popup headers. To hide parts of the popup when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to NULL |
chart_popup_popup_custom_main | Popup custom main content. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for popup use. Advanced users can add HTML for designs, styles, and images. To hide parts of the popup when a column is empty use the syntax {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to NULL |
chart_popup_popup_custom_accessible | Popup custom accessible content. A text alternative to visual custom popup content that will be read out by screenreaders. This content is added as an aria-label attribute to data point elements. You can still use {{column_name}} to add values from your data, but do not use HTML. For example: {{Name}}, Population: {{Population}}, GDP: {{GDP}} . If left empty, accessible content will fallback to the default popup content. Flourish type hint: text, 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: :, , , <br /> . 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. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for panel use. Advanced users can add HTML for styling or add category colors to panel headers. To hide parts of the panel when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. Flourish type hint: html, defaults to NULL |
chart_popup_panel_custom_main | Panel custom main content. Use {{column_name}} to add a value from your data Ensure the column is selected, or add it to Info for popups for panel use. Advanced users can add HTML for designs, styles, images, videos and embedded Flourish charts, To hide parts of the panel when a column is empty using {{#if column_name}}Content for non-empty column_name{{/if}} . For example: {{#if Capital name}}Capital:{{/if}} {{Capital name}} . Here, the word "Capital:" will only show if the corresponding cell in the "Capital name" column is not empty. 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 visualization 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: :, , , <br /> . 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 CSS class .clickable-element to target all interactive elements. When one is clicked, it has the CSS class 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. 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, 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. 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_font_size_mobile_small | Flourish type hint: number, defaults to NULL |
chart_layout_font_size_mobile_big | Flourish type hint: number, defaults to NULL |
chart_layout_font_size_tablet | Flourish type hint: number, defaults to NULL |
chart_layout_font_size_desktop | Flourish type hint: number, defaults to NULL |
chart_layout_font_size_big_screen | Flourish type hint: number, defaults to NULL |
chart_layout_breakpoint_mobile_small | Flourish type hint: number, defaults to NULL |
chart_layout_breakpoint_mobile_big | Flourish type hint: number, defaults to NULL |
chart_layout_breakpoint_tablet | Flourish type hint: number, defaults to NULL |
chart_layout_breakpoint_desktop | Flourish type hint: number, defaults to NULL |
chart_layout_breakpoint_big_screen | Flourish type hint: number, 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 in rems The 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 in rems The 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 in rems The 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_alt | Alt text. Flourish type hint: string, 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 visualization 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. To add the time/date stamp of when the data was last updated add {{data_last_updated}} . For example, "Last updated at {{data_last_updated}} ". To customize the format, use the advanced options below. Flourish type hint: html, defaults to NULL |
chart_layout_footer_note_secondary | Note (secondary). The secondary note is placed below the source and primary note. To add the time/date stamp of when the data was last updated add {{data_last_updated}} . For example, "Last updated at {{data_last_updated}} ". To customize the format, use the advanced options below. Flourish type hint: html, defaults to NULL |
chart_layout_advanced_note_styling | Advanced. Flourish type hint: boolean, defaults to NULL |
chart_layout_footer_timestamp_format | Time/date stamp formatting. Choices: %H:%M:%S, %I:%M %p, %H:%M, %H:%M %p, %H:%M:%S, %d %b %Y, %H:%M, %d %b %Y, %H:%M, %d/%m/%Y, %H:%M, %m/%d/%Y, %H:%M, %d-%m-%Y, %H:%M, %m-%d-%Y, %d %b %Y, %m/%d/%Y, %d/%m/%Y, %m-%d-%Y, %d-%m-%Y, %Y-%m-%d, %Y-%m-%d %H:%M:%S. 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 color is dark. Flourish type hint: hidden, defaults to NULL |
chart_layout_footer_logo_alt | Alt text. Flourish type hint: string, 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_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 |
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 |