RoadieRoadie
  • Home
  • Foundations
  • Tokens
  • Components
  • Charts
  • Widgets
  • Appearance
HomeFoundationsComponents
Appearance

Charts

  • Guidelines

    • Data visualisation
    • Dashboard design
  • Layout

    • Dashboard
    • DataCard
  • Data pieces

    • StatTile
    • Meter
    • Sparkline
    • DataTable
  • Chart types

    • LineChart
    • BarChart
    • RankedBars
    • StackedBars
    • Histogram
    • Funnel
    • Heatmap
    • Scatter
    • SmallMultiples
  • Chart parts

    • Chart
    • ChartLegend
    • ChartPatterns
    • ChartTooltip
  • Examples

    • Show dashboard
    • Portfolio dashboard
    • Audience dashboard

Audience dashboard

Buyers

Sat 5 Dec, 1,300 capacity

Buyers

612177up 177, better

In the final week

New to the venue

58%6 ptsup 6 points, better

Of buyers

Tickets per order

2.1

2.3 at similar shows

Median lead time

12 days

19 at similar shows

Age and gender

Women aged 25 to 34 are the biggest group

  • Women
  • Men
  • Another gender
015030018 to 2425 to 3435 to 4445 and over

Age and gender
AgeWomenMenAnother genderTotal
18 to 2488616155
25 to 341741129295
35 to 4471583132
45 and over1812030
Oztix accounts, where buyers shared it.

Checkout

Most visitors leave before choosing tickets

5,1801,760, 34% of previous995, 57% of previous612, 62% of previousViewed eventChose ticketsStarted checkoutPaid

Checkout
StepCountOf previousOf firstDropped
Viewed event5,180Not available100%Not available
Chose tickets1,76034%34%3,420
Started checkout99557%19%765
Paid61262%12%383
Oztix checkout events.

Booking lead time

Half of buyers book within two weeks of the show

Median 120214263841050100200

Booking lead time
DaysCount
0 to 6177
7 to 13162
14 to 2084
21 to 2763
28 to 3448
35 to 4124
42 to 4816
49 to 558
56 to 628
63 to 699
70 to 763
77 to 833
84 to 903
91 to 972
98 to 1041
105 to 1110
112 to 1181
Oztix sales.

Where buyers live

Most buyers live within 5km of the venue

26%16%12%9.5%37%West EndSouth BrisbaneHighgate HillWoolloongabbaOther

Where buyers live
SuburbBuyersShare
West End16126%
South Brisbane9616%
Highgate Hill7112%
Woolloongabba589.5%
Paddington447.2%
New Farm386.2%
Fortitude Valley335.4%
Toowong294.7%
Chermside223.6%
Logan Central193.1%
Redcliffe162.6%
Ipswich132.1%
Springfield122%
Oztix sales, billing postcodes.

As data

{
"version": 1,
"title": "Who is buying for Middle Kids at Wattle Street Social",
"sections": [
{
"title": "Buyers",
"description": "Sat 5 Dec, 1,300 capacity",
"cards": [
{
"id": "buyers",
"kind": "stat",
"size": "stat",
"label": "Buyers",
"value": 612,
"delta": {
"value": 177
},
"context": "In the final week"
},
{
"id": "new-buyers",
"kind": "stat",
"size": "stat",
"label": "New to the venue",
"value": 0.58,
"format": "percent",
"delta": {
"value": 6,
"format": "points"
},
"context": "Of buyers"
},
{
"id": "tickets-per-order",
"kind": "stat",
"size": "stat",
"label": "Tickets per order",
"value": 2.1,
"context": "2.3 at similar shows"
},
{
"id": "lead-time",
"kind": "stat",
"size": "stat",
"label": "Median lead time",
"value": "12 days",
"context": "19 at similar shows"
},
{
"id": "age",
"kind": "chart",
"size": "md",
"label": "Age and gender",
"takeaway": "Women aged 25 to 34 are the biggest group",
"plot": {
"kind": "stacked-bars",
"data": [
{
"age": "18 to 24",
"gender": "Women",
"buyers": 88
},
{
"age": "18 to 24",
"gender": "Men",
"buyers": 61
},
{
"age": "18 to 24",
"gender": "Another gender",
"buyers": 6
},
{
"age": "25 to 34",
"gender": "Women",
"buyers": 174
},
{
"age": "25 to 34",
"gender": "Men",
"buyers": 112
},
{
"age": "25 to 34",
"gender": "Another gender",
"buyers": 9
},
{
"age": "35 to 44",
"gender": "Women",
"buyers": 71
},
{
"age": "35 to 44",
"gender": "Men",
"buyers": 58
},
{
"age": "35 to 44",
"gender": "Another gender",
"buyers": 3
},
{
"age": "45 and over",
"gender": "Women",
"buyers": 18
},
{
"age": "45 and over",
"gender": "Men",
"buyers": 12
},
{
"age": "45 and over",
"gender": "Another gender",
"buyers": 0
}
],
"x": "age",
"y": "buyers",
"series": "gender"
},
"source": "Oztix accounts, where buyers shared it."
},
{
"id": "checkout",
"kind": "chart",
"size": "md",
"label": "Checkout",
"takeaway": "Most visitors leave before choosing tickets",
"plot": {
"kind": "funnel",
"steps": [
{
"label": "Viewed event",
"value": 5180
},
{
"label": "Chose tickets",
"value": 1760
},
{
"label": "Started checkout",
"value": 995
},
{
"label": "Paid",
"value": 612
}
],
"takeaway": "Most visitors leave before choosing tickets"
},
"source": "Oztix checkout events."
},
{
"id": "lead-time-spread",
"kind": "chart",
"size": "md",
"label": "Booking lead time",
"takeaway": "Half of buyers book within two weeks of the show",
"plot": {
"kind": "histogram",
"data": [
{
"days": 0
},
{
"days": 13
},
{
"days": 24
},
{
"days": 6
},
{
"days": 8
},
{
"days": 4
},
{
"days": 67
},
{
"days": 13
},
{
"days": 14
},
{
"days": 5
},
{
"days": 2
},
{
"days": 30
},
{
"days": 42
},
{
"days": 11
},
{
"days": 5
},
{
"days": 5
},
{
"days": 4
},
{
"days": 7
},
{
"days": 2
},
{
"days": 30
},
{
"days": 14
},
{
"days": 33
},
{
"days": 24
},
{
"days": 1
},
{
"days": 14
},
{
"days": 3
},
{
"days": 36
},
{
"days": 11
},
{
"days": 11
},
{
"days": 11
},
{
"days": 5
},
{
"days": 0
},
{
"days": 0
},
{
"days": 91
},
{
"days": 44
},
{
"days": 28
},
{
"days": 15
},
{
"days": 26
},
{
"days": 18
},
{
"days": 8
},
{
"days": 8
},
{
"days": 6
},
{
"days": 8
},
{
"days": 18
},
{
"days": 8
},
{
"days": 1
},
{
"days": 14
},
{
"days": 3
},
{
"days": 11
},
{
"days": 7
},
{
"days": 4
},
{
"days": 1
},
{
"days": 78
},
{
"days": 14
},
{
"days": 2
},
{
"days": 90
},
{
"days": 10
},
{
"days": 22
},
{
"days": 4
},
{
"days": 14
},
{
"days": 97
},
{
"days": 4
},
{
"days": 21
},
{
"days": 9
},
{
"days": 10
},
{
"days": 25
},
{
"days": 4
},
{
"days": 30
},
{
"days": 30
},
{
"days": 2
},
{
"days": 1
},
{
"days": 3
},
{
"days": 18
},
{
"days": 9
},
{
"days": 5
},
{
"days": 13
},
{
"days": 13
},
{
"days": 2
},
{
"days": 74
},
{
"days": 8
},
{
"days": 26
},
{
"days": 6
},
{
"days": 20
},
{
"days": 44
},
{
"days": 11
},
{
"days": 10
},
{
"days": 46
},
{
"days": 11
},
{
"days": 68
},
{
"days": 7
},
{
"days": 28
},
{
"days": 36
},
{
"days": 24
},
{
"days": 15
},
{
"days": 32
},
{
"days": 14
},
{
"days": 7
},
{
"days": 8
},
{
"days": 7
},
{
"days": 11
},
{
"days": 15
},
{
"days": 19
},
{
"days": 1
},
{
"days": 12
},
{
"days": 11
},
{
"days": 0
},
{
"days": 22
},
{
"days": 9
},
{
"days": 11
},
{
"days": 50
},
{
"days": 2
},
{
"days": 10
},
{
"days": 6
},
{
"days": 10
},
{
"days": 5
},
{
"days": 8
},
{
"days": 22
},
{
"days": 49
},
{
"days": 0
},
{
"days": 12
},
{
"days": 31
},
{
"days": 14
},
{
"days": 2
},
{
"days": 9
},
{
"days": 2
},
{
"days": 30
},
{
"days": 9
},
{
"days": 1
},
{
"days": 16
},
{
"days": 7
},
{
"days": 5
},
{
"days": 9
},
{
"days": 7
},
{
"days": 17
},
{
"days": 4
},
{
"days": 6
},
{
"days": 81
},
{
"days": 4
},
{
"days": 20
},
{
"days": 13
},
{
"days": 28
},
{
"days": 2
},
{
"days": 8
},
{
"days": 5
},
{
"days": 6
},
{
"days": 3
},
{
"days": 56
},
{
"days": 23
},
{
"days": 16
},
{
"days": 13
},
{
"days": 12
},
{
"days": 8
},
{
"days": 6
},
{
"days": 9
},
{
"days": 9
},
{
"days": 10
},
{
"days": 7
},
{
"days": 8
},
{
"days": 2
},
{
"days": 24
},
{
"days": 9
},
{
"days": 0
},
{
"days": 8
},
{
"days": 14
},
{
"days": 4
},
{
"days": 37
},
{
"days": 44
},
{
"days": 60
},
{
"days": 28
},
{
"days": 5
},
{
"days": 13
},
{
"days": 4
},
{
"days": 37
},
{
"days": 30
},
{
"days": 75
},
{
"days": 8
},
{
"days": 18
},
{
"days": 20
},
{
"days": 40
},
{
"days": 2
},
{
"days": 21
},
{
"days": 102
},
{
"days": 67
},
{
"days": 3
},
{
"days": 8
},
{
"days": 1
},
{
"days": 14
},
{
"days": 3
},
{
"days": 13
},
{
"days": 3
},
{
"days": 28
},
{
"days": 5
},
{
"days": 4
},
{
"days": 7
},
{
"days": 25
},
{
"days": 10
},
{
"days": 57
},
{
"days": 15
},
{
"days": 11
},
{
"days": 18
},
{
"days": 50
},
{
"days": 12
},
{
"days": 11
},
{
"days": 2
},
{
"days": 25
},
{
"days": 3
},
{
"days": 15
},
{
"days": 17
},
{
"days": 8
},
{
"days": 9
},
{
"days": 5
},
{
"days": 30
},
{
"days": 12
},
{
"days": 19
},
{
"days": 13
},
{
"days": 1
},
{
"days": 18
},
{
"days": 20
},
{
"days": 3
},
{
"days": 29
},
{
"days": 4
},
{
"days": 1
},
{
"days": 11
},
{
"days": 24
},
{
"days": 60
},
{
"days": 14
},
{
"days": 1
},
{
"days": 19
},
{
"days": 9
},
{
"days": 12
},
{
"days": 8
},
{
"days": 9
},
{
"days": 34
},
{
"days": 34
},
{
"days": 44
},
{
"days": 15
},
{
"days": 1
},
{
"days": 24
},
{
"days": 5
},
{
"days": 17
},
{
"days": 0
},
{
"days": 11
},
{
"days": 18
},
{
"days": 38
},
{
"days": 7
},
{
"days": 39
},
{
"days": 59
},
{
"days": 11
},
{
"days": 12
},
{
"days": 39
},
{
"days": 0
},
{
"days": 1
},
{
"days": 12
},
{
"days": 14
},
{
"days": 9
},
{
"days": 14
},
{
"days": 20
},
{
"days": 16
},
{
"days": 17
},
{
"days": 2
},
{
"days": 27
},
{
"days": 29
},
{
"days": 64
},
{
"days": 10
},
{
"days": 2
},
{
"days": 11
},
{
"days": 72
},
{
"days": 63
},
{
"days": 9
},
{
"days": 7
},
{
"days": 84
},
{
"days": 29
},
{
"days": 8
},
{
"days": 7
},
{
"days": 1
},
{
"days": 48
},
{
"days": 18
},
{
"days": 46
},
{
"days": 24
},
{
"days": 34
},
{
"days": 3
},
{
"days": 12
},
{
"days": 1
},
{
"days": 6
},
{
"days": 5
},
{
"days": 10
},
{
"days": 24
},
{
"days": 23
},
{
"days": 5
},
{
"days": 10
},
{
"days": 28
},
{
"days": 18
},
{
"days": 12
},
{
"days": 29
},
{
"days": 30
},
{
"days": 6
},
{
"days": 4
},
{
"days": 19
},
{
"days": 5
},
{
"days": 9
},
{
"days": 5
},
{
"days": 18
},
{
"days": 2
},
{
"days": 17
},
{
"days": 8
},
{
"days": 2
},
{
"days": 14
},
{
"days": 9
},
{
"days": 9
},
{
"days": 48
},
{
"days": 1
},
{
"days": 2
},
{
"days": 6
},
{
"days": 21
},
{
"days": 34
},
{
"days": 13
},
{
"days": 0
},
{
"days": 28
},
{
"days": 9
},
{
"days": 2
},
{
"days": 3
},
{
"days": 9
},
{
"days": 1
},
{
"days": 6
},
{
"days": 21
},
{
"days": 4
},
{
"days": 1
},
{
"days": 22
},
{
"days": 26
},
{
"days": 2
},
{
"days": 37
},
{
"days": 14
},
{
"days": 13
},
{
"days": 26
},
{
"days": 79
},
{
"days": 6
},
{
"days": 24
},
{
"days": 6
},
{
"days": 14
},
{
"days": 20
},
{
"days": 4
},
{
"days": 9
},
{
"days": 16
},
{
"days": 17
},
{
"days": 6
},
{
"days": 20
},
{
"days": 8
},
{
"days": 12
},
{
"days": 13
},
{
"days": 7
},
{
"days": 23
},
{
"days": 27
},
{
"days": 38
},
{
"days": 10
},
{
"days": 10
},
{
"days": 7
},
{
"days": 3
},
{
"days": 10
},
{
"days": 25
},
{
"days": 57
},
{
"days": 32
},
{
"days": 18
},
{
"days": 13
},
{
"days": 0
},
{
"days": 50
},
{
"days": 14
},
{
"days": 4
},
{
"days": 25
},
{
"days": 8
},
{
"days": 11
},
{
"days": 3
},
{
"days": 3
},
{
"days": 7
},
{
"days": 47
},
{
"days": 25
},
{
"days": 21
},
{
"days": 23
},
{
"days": 7
},
{
"days": 11
},
{
"days": 15
},
{
"days": 19
},
{
"days": 4
},
{
"days": 24
},
{
"days": 20
},
{
"days": 4
},
{
"days": 4
},
{
"days": 31
},
{
"days": 8
},
{
"days": 34
},
{
"days": 50
},
{
"days": 39
},
{
"days": 8
},
{
"days": 7
},
{
"days": 6
},
{
"days": 15
},
{
"days": 27
},
{
"days": 30
},
{
"days": 34
},
{
"days": 8
},
{
"days": 1
},
{
"days": 4
},
{
"days": 7
},
{
"days": 21
},
{
"days": 28
},
{
"days": 18
},
{
"days": 27
},
{
"days": 6
},
{
"days": 17
},
{
"days": 30
},
{
"days": 0
},
{
"days": 9
},
{
"days": 8
},
{
"days": 38
},
{
"days": 16
},
{
"days": 6
},
{
"days": 7
},
{
"days": 61
},
{
"days": 24
},
{
"days": 9
},
{
"days": 12
},
{
"days": 2
},
{
"days": 1
},
{
"days": 4
},
{
"days": 33
},
{
"days": 25
},
{
"days": 7
},
{
"days": 0
},
{
"days": 0
},
{
"days": 4
},
{
"days": 6
},
{
"days": 17
},
{
"days": 43
},
{
"days": 10
},
{
"days": 11
},
{
"days": 27
},
{
"days": 1
},
{
"days": 58
},
{
"days": 5
},
{
"days": 35
},
{
"days": 15
},
{
"days": 4
},
{
"days": 1
},
{
"days": 14
},
{
"days": 13
},
{
"days": 12
},
{
"days": 3
},
{
"days": 38
},
{
"days": 43
},
{
"days": 25
},
{
"days": 28
},
{
"days": 13
},
{
"days": 6
},
{
"days": 4
},
{
"days": 1
},
{
"days": 84
},
{
"days": 4
},
{
"days": 45
},
{
"days": 38
},
{
"days": 15
},
{
"days": 31
},
{
"days": 3
},
{
"days": 22
},
{
"days": 6
},
{
"days": 53
},
{
"days": 4
},
{
"days": 68
},
{
"days": 1
},
{
"days": 54
},
{
"days": 41
},
{
"days": 29
},
{
"days": 27
},
{
"days": 65
},
{
"days": 5
},
{
"days": 9
},
{
"days": 3
},
{
"days": 3
},
{
"days": 11
},
{
"days": 37
},
{
"days": 26
},
{
"days": 2
},
{
"days": 4
},
{
"days": 38
},
{
"days": 5
},
{
"days": 8
},
{
"days": 26
},
{
"days": 7
},
{
"days": 5
},
{
"days": 13
},
{
"days": 2
},
{
"days": 6
},
{
"days": 113
},
{
"days": 11
},
{
"days": 4
},
{
"days": 18
},
{
"days": 28
},
{
"days": 13
},
{
"days": 21
},
{
"days": 7
},
{
"days": 18
},
{
"days": 10
},
{
"days": 41
},
{
"days": 17
},
{
"days": 10
},
{
"days": 30
},
{
"days": 10
},
{
"days": 63
},
{
"days": 5
},
{
"days": 22
},
{
"days": 0
},
{
"days": 29
},
{
"days": 5
},
{
"days": 36
},
{
"days": 7
},
{
"days": 2
},
{
"days": 9
},
{
"days": 25
},
{
"days": 48
},
{
"days": 7
},
{
"days": 35
},
{
"days": 5
},
{
"days": 14
},
{
"days": 29
},
{
"days": 10
},
{
"days": 25
},
{
"days": 16
},
{
"days": 1
},
{
"days": 19
},
{
"days": 31
},
{
"days": 24
},
{
"days": 4
},
{
"days": 18
},
{
"days": 4
},
{
"days": 19
},
{
"days": 11
},
{
"days": 13
},
{
"days": 22
},
{
"days": 55
},
{
"days": 4
},
{
"days": 2
},
{
"days": 23
},
{
"days": 25
},
{
"days": 10
},
{
"days": 8
},
{
"days": 12
},
{
"days": 29
},
{
"days": 24
},
{
"days": 63
},
{
"days": 5
},
{
"days": 17
},
{
"days": 34
},
{
"days": 3
},
{
"days": 9
},
{
"days": 7
},
{
"days": 6
},
{
"days": 10
},
{
"days": 4
},
{
"days": 19
},
{
"days": 2
},
{
"days": 37
},
{
"days": 2
},
{
"days": 12
},
{
"days": 22
},
{
"days": 33
},
{
"days": 3
},
{
"days": 9
},
{
"days": 2
},
{
"days": 21
},
{
"days": 3
},
{
"days": 2
},
{
"days": 6
},
{
"days": 5
},
{
"days": 39
},
{
"days": 1
},
{
"days": 1
},
{
"days": 9
},
{
"days": 7
},
{
"days": 27
},
{
"days": 9
},
{
"days": 18
},
{
"days": 3
},
{
"days": 4
},
{
"days": 45
},
{
"days": 35
},
{
"days": 34
},
{
"days": 11
},
{
"days": 18
},
{
"days": 10
},
{
"days": 24
},
{
"days": 4
},
{
"days": 11
},
{
"days": 20
},
{
"days": 16
},
{
"days": 6
},
{
"days": 9
},
{
"days": 21
},
{
"days": 1
},
{
"days": 13
},
{
"days": 33
},
{
"days": 21
},
{
"days": 14
},
{
"days": 42
},
{
"days": 24
},
{
"days": 10
},
{
"days": 4
},
{
"days": 16
},
{
"days": 30
},
{
"days": 0
},
{
"days": 5
},
{
"days": 16
},
{
"days": 24
},
{
"days": 9
},
{
"days": 20
}
],
"x": "days",
"binWidth": 7,
"median": true,
"takeaway": "Half of buyers book within two weeks of the show"
},
"source": "Oztix sales."
},
{
"id": "suburbs",
"kind": "chart",
"size": "md",
"label": "Where buyers live",
"takeaway": "Most buyers live within 5km of the venue",
"plot": {
"kind": "ranked-bars",
"data": [
{
"suburb": "West End",
"buyers": 161
},
{
"suburb": "South Brisbane",
"buyers": 96
},
{
"suburb": "Highgate Hill",
"buyers": 71
},
{
"suburb": "Woolloongabba",
"buyers": 58
},
{
"suburb": "Paddington",
"buyers": 44
},
{
"suburb": "New Farm",
"buyers": 38
},
{
"suburb": "Fortitude Valley",
"buyers": 33
},
{
"suburb": "Toowong",
"buyers": 29
},
{
"suburb": "Chermside",
"buyers": 22
},
{
"suburb": "Logan Central",
"buyers": 19
},
{
"suburb": "Redcliffe",
"buyers": 16
},
{
"suburb": "Ipswich",
"buyers": 13
},
{
"suburb": "Springfield",
"buyers": 12
}
],
"x": "suburb",
"y": "buyers",
"share": true,
"limit": 5,
"takeaway": "Most buyers live within 5km of the venue"
},
"source": "Oztix sales, billing postcodes."
}
]
}
]
}

As JSX

<Dashboard>
<Dashboard.Section title='Buyers' description='Sat 5 Dec, 1,300 capacity'>
<StatTile label='Buyers' value={612} delta={{ value: 177 }} context='In the final week' />
<StatTile label='New to the venue' value={0.58} format='percent' delta={{ value: 6, format: 'points' }} context='Of buyers' />
<StatTile label='Tickets per order' value={2.1} context='2.3 at similar shows' />
<StatTile label='Median lead time' value='12 days' context='19 at similar shows' />
<Chart size='md' label='Age and gender' takeaway='Women aged 25 to 34 are the biggest group' source='Oztix accounts, where buyers shared it.'>
<StackedBars data={ages} x='age' y='buyers' series='gender' />
</Chart>
<Chart size='md' label='Checkout' takeaway='Most visitors leave before choosing tickets' source='Oztix checkout events.'>
<Funnel steps={checkout} />
</Chart>
<Chart size='md' label='Booking lead time' takeaway='Half of buyers book within two weeks of the show' source='Oztix sales.'>
<Histogram data={orders} x='days' binWidth={7} median />
</Chart>
<Chart size='md' label='Where buyers live' takeaway='Most buyers live within 5km of the venue' source='Oztix sales, billing postcodes.'>
<RankedBars data={suburbs} x='suburb' y='buyers' share limit={5} />
</Chart>
</Dashboard.Section>
</Dashboard>
Previous page← Portfolio dashboardNext pageOverview →