ShowMeMore
WebsiteAll products
  • Introduction
    • Getting started with ShowMeMore
      • Guide to the first VizExtension
      • Getting started with dashboard extension
  • Visualization Types
  • Sankey Diagram
    • Data strucuture
    • Configuration Screen
    • Format
    • Color formatting
      • Text and background
      • Color Nodes
      • Color Links
    • Text formatting
      • Labels
      • Tooltips
      • Measures
    • Legend
    • Dashboard Actions
  • Source Target Sankey Diagram
    • Data strucuture
    • Configuration Screen
    • Format
    • Color formatting
      • Text and background
      • Color Nodes
      • Color Links
    • Text formatting
      • Labels
      • Tooltips
      • Measures
    • Dashboard Actions
  • Waterfall Chart
    • Data structure
    • Configuration Screen
    • Format
    • Labels
    • Measures
    • Color
    • Dashboard Actions
  • Geo Sankey Diagram
    • Data structure
    • Configuration Screen
    • Format
    • Tooltips
    • Labels
    • Dashboard Actions
    • Color
  • Network Diagram 2.0
    • Data structure
    • Configuration Screen
    • Analytics Options
    • Labels
    • Tooltip
    • Measures
    • Color
    • Format
    • Dashboard Actions
  • Radar Chart
    • Data structure
    • Configuration Screen
    • Format
    • Labels
    • Tooltips
    • Measures
    • Color
    • Legend
    • Dashboard Actions
  • Venn Diagram
    • Data structure
    • Configuration Screen
    • Format
    • Color
    • Labels
    • Tooltips
    • Measures
    • Legend
    • Dashboard Actions
  • Sunburst New Diagram
    • Data structure
    • Configuration Screen
    • Format
    • Tooltips
    • Measures
    • Labels
    • Color
    • Legend
    • Dashboard Actions
  • Sunburst diagram
    • Data structure
    • Configuration Screen
    • Format
    • Tooltips
    • Measures
    • Labels
    • Color
    • Legend
  • Chord Diagram
    • Data structure
    • Configuration Screen
    • Format
    • Color
    • Tooltips
    • Measures
    • Labels
    • Legend
    • Dashboard Actions
  • Circular Sankey Diagram
    • Data structure
    • Configuration Screen
    • Format
    • Tooltips
    • Measures
    • Labels
    • Dashboard Actions
    • Color
    • Legend
  • Ridgeline Plot
    • Data strucutre
    • Configuration Screen
    • Format
    • Color
    • Tooltips
    • Labels
    • Dashboard Actions
  • Horizon Chart
    • Data structure
    • Configuration Screen
    • Format
    • Labels
    • Color
    • Labels
  • Organization Chart
    • Data structure
    • Configuration Screen
    • Format
    • Color
    • Tooltips
    • Measures
    • Labels
    • Dashboard Actions
  • Calendar Chart
    • Configuration Screen
    • Labels
    • Measures
    • Color
    • Format
  • Network Diagram
  • Export Visualization
  • Troubleshot
    • Sankey Diagram crashes or fails to load
  • FAQ
    • Is the Waterfall Chart built directly from the data, or do I need custom calculations?
Powered by GitBook
On this page
  • Labels formatting
  • Format options
  • Label customization
  1. Source Target Sankey Diagram
  2. Text formatting

Labels

PreviousText formattingNextTooltips

Last updated 3 months ago

Labels formatting

Format options

You can change the size of the font from 50% to 150% using the dropdown menu. Changing the font size will affect all fonts within your Sankey Diagram.

If you enable the headers under the "Format" tab, you can display the names of dimensions used in your Sankey Diagrams. Once enabled, you can use header aliases to change the names of dimensions displayed above the Sankey Nodes.

Label customization

Sankey diagrams provide a feature that allows users to customize the labels according to their specific needs. The content of these labels can be configured using HTML format, which enables a wide range of customization options. Additionally, users have the convenience of using short codes such as <DimensionName> to dynamically insert the dimension name into the labels. This level of flexibility ensures that the labels can be tailored to convey the exact information required, enhancing the readability and effectiveness of the Sankey diagram in representing data flows and relationships.

Example

Here is an example of how you can customize a label using HTML format and a short code:

<span style="color: blue; font-weight: bold;"><DimensionName></span>

In this example, the dimension name will be displayed in bold blue text within the Sankey diagram label.

Label Editing Format the content displayed on your nodes, both going to and coming from them. You can include additional text and utilize shortcodes from your data. You can use HTML such as H1, IMG tags, or Bold for additional formatting options. You can put a word in bold and adjust the text size. You can also add more than one measure to labels or tooltips by including them in the data source.

Within the text box, enter the desired content for your node labels. Use the appropriate formatting to ensure an optimal appearance in your Sankey Diagram. Refer to the tips above.. Refer to the tips above.

Next to each of your node labels, you will be able to display a label which can be entered within the text box. An example would to show the percentage of target. Example.

Have a label shown before your node labels. This could be useful to show a percent of your target. Use the text box to enter your information and see an animated gif on how this will look when displayed.

Please refer to for more info.

Text and Background
Part of Source Target Sankey configuration panel -> Labels
Example of customizing labels