Pie Chard Card - Case 1: No datasource

Pie Chard Card - Case 2: Empty datasource (no values set)

    Pie Chard Card - Case 3: No chart data

    Employment Diversity

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Ut tristique, risus in fermentum auctor, ligula felis malesuada nisi, non vehicula metus quam nec nisl. Sed ut diam id erat efficitur facilisis.

      Pie Chard Card - Case 4:1 chart data only

      Employment Diversity

      • 100% Under 30

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Ut tristique, risus in fermentum auctor, ligula felis malesuada nisi, non vehicula metus quam nec nisl. Sed ut diam id erat efficitur facilisis.

      Pie Chard Card - Case 5: 3 chart data

      Employment Diversity

      • 31% Under 30
      • 31% 30-50
      • 38% Under 50

      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Ut tristique, risus in fermentum auctor, ligula felis malesuada nisi, non vehicula metus quam nec nisl. Sed ut diam id erat efficitur facilisis.

      Pie Chard Card - Case 6: 5 chart data values sum greater than 100%

      Loading component...

      Pie Chard Card - Case 7: 5 chart data values sum under 100%

      Loading component...

      Pie Chard Card - Case 8: 5 chart data matching 100% values sum

      Loading component...