struct DemoView: View {
  var body: some View {
     VStack {
                let task = OCKTask(...)
                let gradientStart = .yellow

                let barAverageConfiguration = CKEDataSeriesConfiguration(
                    taskID: task.id,
                    mark: .bar,
                    legendTitle: "Average",
                    color: .red,
                    gradientStartColor: Color(gradientStart),
                    stackingMethod: .unstacked
                ) { event in
                    event.computeProgress(by: .averagingOutcomeValues(kind: kind))
                }

                let barMedianConfiguration = CKEDataSeriesConfiguration(
                    taskID: task.id,
                    mark: .bar,
                    legendTitle: "Median",
                    color: .blue,
                    gradientStartColor: Color(gradientStart),
                    stackingMethod: .unstacked
                ) { event in
                    event.computeProgress(by: .medianOutcomeValues(kind: kind))
                }

                let barCompletedConfiguration = CKEDataSeriesConfiguration(
                    taskID: task.id,
                    mark: .bar,
                    legendTitle: "Completed",
                    color: .yellow,
                    gradientStartColor: Color(gradientStart),
                    stackingMethod: .unstacked
                ) { event in
                    event.computeProgress(by: .summingOutcomeValues)
                }

                let configurations = [
                    barAverageConfiguration,
                    barMedianConfiguration,
                    barCompletedConfiguration
                ]

                CareEssentialChartView(
                    title: title,
                    subtitle: "Week",
                    dateInterval: Calendar.current.dateIntervalOfWeek(for: Date()),
                    period: .day,
                    configurations: configurations
                )
    }
}