HikeGraph.swift


  1. import SwiftUI
  3. extension Animation {
  4. static func ripple() -> Animation {
  5. Animation.default
  6. }
  7. }
  9. struct HikeGraph: View {
  10. var hike: Hike
  11. var path: KeyPath<Hike.Observation, Range<Double>>
  13. var color: Color {
  14. switch path {
  15. case \.elevation:
  16. return .gray
  17. case \.heartRate:
  18. return Color(hue: 0, saturation: 0.5, brightness: 0.7)
  19. case \.pace:
  20. return Color(hue: 0.7, saturation: 0.4, brightness: 0.7)
  21. default:
  22. return .black
  23. }
  24. }
  26. var body: some View {
  27. let data = hike.observations
  28. let overallRange = rangeOfRanges(data.lazy.map { $0[keyPath: path] })
  29. let maxMagnitude = data.map { magnitude(of: $0[keyPath: path]) }.max()!
  30. let heightRatio = 1 - CGFloat(maxMagnitude / magnitude(of: overallRange))
  32. return GeometryReader { proxy in
  33. HStack(alignment: .bottom, spacing: proxy.size.width / 120) {
  34. ForEach(Array(data.enumerated()), id: \.offset) { index, observation in
  35. GraphCapsule(
  36. index: index,
  37. height: proxy.size.height,
  38. range: observation[keyPath: path],
  39. overallRange: overallRange)
  40. .colorMultiply(color)
  41. .transition(.slide)
  42. .animation(.ripple())
  43. }
  44. .offset(x: 0, y: proxy.size.height * heightRatio)
  45. }
  46. }
  47. }
  48. }