+
+ {metricType === InsightType.TRENDS ? (
+ <>
+
+ Count:
+
+ {(() => {
+ const count = countDataForVariant(result, tooltipData.variant)
+ return count !== null ? humanFriendlyNumber(count) : '—'
+ })()}
+
+
+
+ Exposure:
+
+ {(() => {
+ const exposure = exposureCountDataForVariant(
+ result,
+ tooltipData.variant
+ )
+ return exposure !== null ? humanFriendlyNumber(exposure) : '—'
+ })()}
+
+
+
+ Mean:
+
+ {(() => {
+ const variant = result.variants.find(
+ (v: TrendExperimentVariant) => v.key === tooltipData.variant
+ )
+ return variant?.count && variant?.absolute_exposure
+ ? (variant.count / variant.absolute_exposure).toFixed(2)
+ : '—'
+ })()}
+
+
+
+ ) : (
+
+ Conversion rate:
+
+ {conversionRateForVariant(result, tooltipData.variant)?.toFixed(2)}%
+
+
+ )}
+
+ Delta:
+
+ {tooltipData.variant === 'control' ? (
+ Baseline
+ ) : (
+ (() => {
+ if (metricType === InsightType.TRENDS) {
+ const controlVariant = result.variants.find(
+ (v: TrendExperimentVariant) => v.key === 'control'
+ )
+ const variant = result.variants.find(
+ (v: TrendExperimentVariant) => v.key === tooltipData.variant
+ )
+
+ if (
+ !variant?.count ||
+ !variant?.absolute_exposure ||
+ !controlVariant?.count ||
+ !controlVariant?.absolute_exposure
+ ) {
+ return '—'
+ }
+
+ const controlMean =
+ controlVariant.count / controlVariant.absolute_exposure
+ const variantMean = variant.count / variant.absolute_exposure
+ const delta = (variantMean - controlMean) / controlMean
+ return delta ? (
+ 0 ? 'text-success' : 'text-danger'}>
+ {`${delta > 0 ? '+' : ''}${(delta * 100).toFixed(2)}%`}
+
+ ) : (
+ '—'
+ )
+ }
+
+ const variantRate = conversionRateForVariant(result, tooltipData.variant)
+ const controlRate = conversionRateForVariant(result, 'control')
+ const delta =
+ variantRate && controlRate
+ ? (variantRate - controlRate) / controlRate
+ : 0
+ return delta ? (
+ 0 ? 'text-success' : 'text-danger'}>
+ {`${delta > 0 ? '+' : ''}${(delta * 100).toFixed(2)}%`}
+
+ ) : (
+ '—'
+ )
+ })()
+ )}
+
+
+
+ Credible interval:
+
+ {(() => {
+ const interval = credibleIntervalForVariant(
+ result,
+ tooltipData.variant,
+ metricType
+ )
+ const [lower, upper] = interval
+ ? [interval[0] / 100, interval[1] / 100]
+ : [0, 0]
+ return `[${lower > 0 ? '+' : ''}${(lower * 100).toFixed(2)}%, ${
+ upper > 0 ? '+' : ''
+ }${(upper * 100).toFixed(2)}%]`
+ })()}
+
+
+