FUNNEL VISUALIZATION

D3Funnel

The D3Funnel is a free Data Studio visualization based on d3-funnel framework, which is an extensible, open-source JavaScript library for rendering funnel charts using the D3.js library. The framework is focused on providing practical and visually appealing funnel charts through flexible customization options. Specifically, the D3Funnel Visualization was adjusted in order to meet the criteria of Data Studio requirements.

One of the major functions is flexible Label and Tooltip settings. More description will follow soon.

Following placeholder are available in order to customize the labels and tooltips.

Current selected period:

  • {label} - Text of the assigned Dimension
  • {value} - Value based on assigned Metric
  • {value%} - Value in % compared either to previous item or to the first item in the list (selectable via settings)
  • {dropoff} - Difference compared either to previous item or to the first item in the list
  • {dropoff%} - Difference in % compared either to previous item or to the first item in the list

 

Comparison period (like "Previous period"):

  • {comparison} - Value based on assigned Metric
  • {comparison%} - Value in % compared either to previous item or to the first item in the list
  • {comparison_dropoff} - Difference compared either to previous item or to the first item in the list
  • {comparison_dropoff%} - Difference in % compared either to previous item or to the first item in the list

 

Period-over-Period comparison:

  • {change} - Change of the value based on selected Metric to the comparison period
  • {change_dropoff} - Change of drop-off value to the comparison period
  • {delta} - Change of the value in % over the current period
  • {delta_dropoff} - Change of the drop-off value in % over the current period
FunnelGraph Viz

FunnelGraph Viz is free Data Studio visualization based on open source funnel-graph-js library for generating SVG funnel charts. The Data Studio visualization adds labels and legend based on the selected Dimension and uses selected Metric to summarize the value on each step and calculate drop-offs.

In addition, the Data Studio Visualization allows generating horizontal and vertical funnel charts, applying solid colors and gradients. A major feature is the possibility to generate multi-dimensional funnel charts by adding more Metrics.

More description coming soon ....