Swift Charts: Vectorized and function plots

Transcript

1. 
   ࢁޱݡొʢZBNBLFOʣ 4XJGU
   $IBSUT
   
   7FDUPSJ[FE
   BOE
   GVODUJPO
   QMPUT
2. ࣗݾ঺հ ໊લɿࢁޱݡొʢZBNBLFOʣ
   ॴଐɿ
   ΍͍ͬͯΔ͜ͱɿ
   5XJUUFSɿ!ZBNBLFOUPD
   
3. ࿩͢಺༰ w 4XJGU
   $IBSUTͷΞοϓσʔτʹ͍ͭͯ
   w Ξοϓσʔτ಺༰͚ͩฉ͍ͯ΋Α͘Θ͔Βͳ͍ͱࢥ͏ͷͰɺ
   ͦͷલʹ4XJGU
   $IBSUTͷ͓͞Β͍ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
4. 4XJGU
   $IBSUTͷ͓͞Β͍ w 88%$Ͱൃද͞ΕͨάϥϑඳըͷGSBNFXPSL
   w l.BSLzΛ࢖֤ͬͯάϥϑΛඳըͰ͖Δ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNEFTJHOIVNBOJOUFSGBDFHVJEFMJOFTDIBSUT
   IUUQTEFWFMPQFSBQQMFDPNKQWJEFPTQMBZXXED
5. 4XJGU
   $IBSUTͷ͓͞Β͍ w ๮άϥϑΛඳը͍ͨ͠৔߹͸#BS.BSLΛ࢖༻
   w ୹͍ίʔυ͚ͩͰ؆୯ʹάϥϑΛඳըͰ͖Δ import SwiftUI import Charts struct BarChartView: View { let dataList = [ (month: "Jan", value: 20), (month: "Feb", value: 60), (month: "Mar", value: 45) ] var body: some View { Chart(dataList, id: \.month) { BarMark( x: .value("Month", $0.month), y: .value("Value", $0.value) ) } } }
6. w ԁάϥϑ͕ඳըͰ͖ΔΑ͏ʹͳͬͨΓ 88%$Ͱ͸ʜ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNKQWJEFPTQMBZXXED
7. w ΑΓ؆୯ʹΠϯλϥΫςΟϒͳػೳ͕௥ՃͰ͖ΔΑ͏ʹͳͬͨΓ 88%$Ͱ͸ʜ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNKQWJEFPTQMBZXXED
8. w εΫϩʔϧՄೳʹͳͬͨΓ͠·ͨ͠ 88%$Ͱ͸ʜ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNKQWJEFPTQMBZXXED
9. 88%$Ͱ͸ʜ w ͦͷଞʹ΋༷ʑͳΞοϓσʔτ͕ೖΓ·͕ͨ͠ɺ
   ৄࡉ͸ʮ4XJGU
   $IBSUT·ͱΊʯͱ͍͏๻ͷهࣄΛಡΜͰΈ͍ͯͩ͘͞ɻ Ҿ༻ݩɿIUUQTRJJUBDPNZBNBLFOUPDJUFNTBECDBG ͍͍Ͷ͍ͩ͘͞
10. 88%$Ͱͷ4XJGU
    $IBSUTͷΞοϓσʔτ w ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
11. 88%$Ͱͷ4XJGU
    $IBSUTͷΞοϓσʔτ w ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ
    w େن໛ͳσʔλΛΑΓޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
12. 88%$Ͱͷ4XJGU
    $IBSUTͷΞοϓσʔτ w ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ
    w େن໛ͳσʔλΛΑΓޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
13. ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ w ࠓ·Ͱz.BSLzΛ࢖ͬͯάϥϑΛඳը͍ͯͨ͠ʢ-JOF.BSL
    "SFB.BSL
    ʜʣ
    w ৽͘͠z1MPUzͱ͍͏΋ͷ͕஀ੜʢ-JOF1MPU
    "SFB1MPU
    ʜʣ
    w 1MPUΛ࢖͏͜ͱͰؔ਺Λ࢖ͬͯάϥϑΛඳըՄೳʹ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
14. w ͭͷؔ਺ΛάϥϑʹඳըͰ͖Δ -JOF1MPU Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
15. w ྫ͑͹ʮ ʯΛඳը͍ͨ͠৔߹ y = x2 -JOF1MPU Chart { LinePlot(x: "x", y: "y") { x in x * x // y=x^2 } } .chartXScale(domain: -5...5) // X࣠ͷൣғ .chartYScale(domain: -5...5) // Y࣠ͷൣғ ˞Πϝʔδ Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB
16. w ؔ਺ͷྖҬΛຒΊΔ͜ͱ͕Ͱ͖Δ "SFB1MPU Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
17. "SFB1MPU w ͭͷؔ਺ͷؒͷྖҬΛຒΊΔ͜ͱ΋Ͱ͖Δ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
18. "SFB1MPU w ͱ ͷྖҬΛຒΊΔ৔߹ y = x + 1 y = x2 Chart { AreaPlot(x: "x", yStart: "x + 1", yEnd: "x^2") { x in (yStart: x + 1, yEnd: x * x) } } .chartXScale(domain: -5...5) // X࣠ͷൣғ .chartYScale(domain: -5...5) // Y࣠ͷൣғ Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB ˞Πϝʔδ
19. άϥϑͷදࣔൣғΛઃఆ͢Δ w දࣔൣғΛઃఆ͢Δ৔߹DIBSU94DBMF EPNBJO Λ࢖༻ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
20. άϥϑͷग़ྗൣғΛઃఆ͢Δ w Ҿ਺EPNBJOͰYͷൣғΛࢦఆ͢Δ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
21. ,FZOPUFͰɺखॻ͖ͷܭࢉ͔ࣜΒάϥϑΛඳը͢Δγʔϯ͕͋ͬͨ
    $IBSUTͰؔ਺ΛάϥϑԽ͢ΔػೳΛ࢖͍ͬͯΔ͜ͱ͕Θ͔Δ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
22. ύϥϝτϦοΫؔ਺΋ѻ͏͜ͱ͕Ͱ͖Δ w ύϥϝτϦοΫؔ਺ʢ1BSBNFUSJD
    GVODUJPOʣͱ͸ʜ
    w ಛఆͷύϥϝʔλʢྫ͑͹࣌ؒʣΛ࢖ͬͯɺෳ਺ͷม਺ʢҐஔͳͲʣΛಉ ࣌ʹදؔ͢਺
    w ྫ͑͹ʮ൒ܘSͷԁʯ͸ҎԼͷΑ͏ʹදͤΔ
    x(t) = r cos(t) y(t) = r sin(t)
23. ൒ܘͷԁΛඳը͢Δ৔߹ w ൒ܘͷԁΛදؔ͢਺
    x(t) = 2 cos(t) y(t) = 2 sin(t) Chart { LinePlot(x: "x", y: "y", t: "t", domain: -.pi ... .pi) { t in let x = 2 * cos(t) let y = 2 * sin(t) return (x, y) } } .chartXScale(domain: -5...5) .chartYScale(domain: -5...5) ˞Πϝʔδ Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB
24. ϋʔτΛඳը͢Δ৔߹ x(t) = 2 sin3(t) y(t) = cos(t)(2 − cos(t) − cos2(t)) Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
25. ۠෼ؔ਺΋ѻ͏͜ͱ͕Ͱ͖Δ w ۠෼ؔ਺ʢ1JFDFXJTF
    GVODUJPOʣͱ͸ʜ
    w ۠෼͝ͱʹҟͳΔؔ਺Λద༻͢Δؔ਺ f(x) = { x2 JG x > 0 −x2 JG x ≤ 0 Chart { LinePlot(x: "x", y: "y") { x in if x > 0 { x * x // y=x^2 } else { -x * x // y=-x^2 } } } .chartXScale(domain: -5...5) .chartYScale(domain: -5...5) Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB ˞Πϝʔδ
26. ۠෼ؔ਺Ͱग़ྗ͕ͳ͍৔߹ w ۠෼ʹΑͬͯ͸6OEF fi OFEͷ͜ͱ΋͋Δ
    
    w OBOΛࢦఆ͢Δ͜ͱͰग़ྗ͕ͳ͍͜ͱΛ௨஌ f(x) = { x2 JG x > 0 6OEF fi OFE JG x ≤ 0 Chart { LinePlot(x: "x", y: "y") { x in if x > 0 { x * x // y=x^2 } else { .nan // ग़ྗ͕ͳ͍͜ͱΛ௨஌ } } } .chartXScale(domain: -5...5) .chartYScale(domain: -5...5) ˞Πϝʔδ Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB
27. w ྫ͑͹ҎԼͷؔ਺ͷ৔߹ɺYʹͳΔͱʮ ʯͱͳΓɺΤϥʔʹͳΔͷͰආ͚ Δඞཁ͕͋Δɻ͜ͷ৔߹΋OBOΛࢦఆ͢Δ͜ͱͰճආ͢Δ͜ͱ͕Ͱ͖Δ 1 0 ۠෼ؔ਺Ͱग़ྗ͕ͳ͍৔߹ y = { 6OEF fi OFE JG x = 0 1 x JG x ≠ 0 Chart { LinePlot(x: "x", y: "y") { x in if x != 0 { 1 / x } else { .nan // ग़ྗ͕ͳ͍͜ͱΛ௨஌ } } } .chartXScale(domain: -5...5) .chartYScale(domain: -5...5) ˞Πϝʔδ Ҿ༻ݩɿIUUQTXXXHFPHFCSBPSHHSBQIJOH MBOHKB
28. 88%$Ͱͷ4XJGU
    $IBSUTͷΞοϓσʔτ w ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ
    w େن໛ͳσʔλΛΑΓޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
29. େن໛ͳσʔλΛΑΓޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ w 1MPU͸-JOF1MPU
    "SFB1MPUҎ֎ʹ΋ɺશͯͷ.BSLʹରͯ͠1MPU͕௥Ճ͞Εͨ
    w ͜ΕΒͷ1MPUΛ࢖͏͜ͱͰɺίϨΫγϣϯશମΛฒྻʹѻ͏͜ͱ͕Ͱ͖ɺ
    େن໛ͳσʔλ΋ޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ
    w ͓ͦΒ͘.BSLͩͱσʔλ͸௚ྻͰѻΘΕ͍ͯͨ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
30. #BS.BSLͷఆٛํ๏ let dataList = [ (month: "Jan", value: 20), (month: "Feb", value: 60), (month: "Mar", value: 45) ] … Chart(dataList, id: \.month) { BarMark( x: .value("Month", $0.month), y: .value("Value", $0.value) ) } w %BUBΛ$IBSUʹ౉͠ɺWBMVFͷΑ͏ʹ஋Λࢦఆ͍ͯͨ͠
31. #BS1MPUͷఆٛํ๏ w %BUBΛ௚઀#BS1MPUͷҾ਺ʹ౉͠ɺ,FZ1BUIͰ஋ΛࢦఆՄೳʹͳͬͨ let dataList = [ (month: "Jan", value: 20), (month: "Feb", value: 60), (month: "Mar", value: 45) ] … Chart(dataList, id: \.month) { BarMark( x: .value("Month", $0.month), y: .value("Value", $0.value) ) } let dataList = [ (month: "Jan", value: 20), (month: "Feb", value: 60), (month: "Mar", value: 45) ] … Chart { BarPlot( dataList, x: .value("Month", \.month), y: .value("Value", \.value) ) }
32. ηογϣϯͰ͸͜Μͳදݱ΋ w ӈਤ͸ΞϝϦΧͷιʔϥʔύωϧͷઃஔҐஔΛࣔͨ͠΋ͷ
    w ઃஔҐஔΛҢ౓ܦ౓͔Β1PJOU1MPUͰඳը
    w ஍ਤࣗମ΋-JOF1MPUͰඳը
    w 4XJGU
    $IBSUT͕͋Ε͹ԿͰ΋ඳ͚Δʜ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPODIBSUTDSFBUJOHBEBUBWJTVBMJ[BUJPOEBTICPBSEXJUITXJGUDIBSUT
33. 1MPUͱ.BSLͷͲͪΒΛ࢖͏΂͖͔ʁ w େن໛ͳσʔληοτ͔ͭɺάϥϑશମ ͷݟͨ໨͕γϯϓϧͳΧελϚΠζͷ৔ ߹ʹ͸1MPUΛ࢖͏΂͖ w σʔλ͸গͳ͍͕ɺσʔλϙΠϯτ͝ͱ ʹݟͨ໨ͷΧελϚΠζΛ͢Δ৔߹΍ɺ [*OEFYΛ࢖ͬͯෳࡶͳ֊૚Խ͕ඞཁͳ৔ ߹͸.BSLΛ࢖͏ 1MPU .BSL Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
34. 1MPUͷύϑΥʔϚϯεΛ্͛Δํ๏ w ࢖༻͢ΔελΠϧ͝ͱʹσʔλͷίϨΫγϣϯΛάϧʔϓԽ͢Δ͜ͱͰɺ 4XJGU
    $IBSUT͕ελΠϧͷมߋճ਺ΛݮΒ͢͜ͱ͕Ͱ͖Δ
    w 1MPU಺ͰDPNQVUFEϓϩύςΟͷར༻Λආ͚ɺ4UPSFEϓϩύςΟʹ͢Δ͜ͱ ͰϨϯμϦϯάॲཧΛܰݮͰ͖Δ
    w άϥϑͷදࣔ͢Δൣғ EPNBJO Λ༧Ίࢦఆ͢Δ͜ͱͰΑΓޮ཰తʹඳը͞Ε Δ
    w Ұ෦ͷελΠϧͷΧελϚΠζ͸ɺେྔͷσʔλϙΠϯτͰ͸໨ཱͨͳ͘ͳΔ ͷ͕ҰൠతͳͷͰɺελΠϧͷΧελϚΠζΛ͠ͳ͍ํ͕ɺάϥϑͷύϑΥʔ ϚϯεΛ޲্ͤ͞Δ͜ͱ͕Ͱ͖Δ
35. αϯϓϧ΋͋Δ Ҿ༻ݩɿIUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPODIBSUTDSFBUJOHBEBUBWJTVBMJ[BUJPOEBTICPBSEXJUITXJGUDIBSUT
36. ·ͱΊ w ؔ਺Λ࢖ͬͯάϥϑΛඳըͰ͖ΔΑ͏ʹͳͬͨ
    w -JOF1MPUɿͭͷؔ਺ΛඳըͰ͖Δ
    w "SFB1MPUɿͭͷؔ਺ͷؒΛຒΊΔ͜ͱ͕Ͱ͖Δ
    w ύϥϝτϦοΫؔ਺΍۠෼ؔ਺΋࢖༻Ͱ͖Δ
    w େن໛ͳσʔλΛΑΓޮ཰తʹॲཧͰ͖ΔΑ͏ʹͳͬͨ
    w 1MPUΛ࢖͏͜ͱͰฒྻʹσʔλΛॲཧͰ͖Δ
    w 1MPUͰ͸,FZ1BUIͰ஋ΛࢦఆͰ͖Δ
    w 1MPUͷύϑΥʔϚϯεΛ্͛Δํ๏͕͋Δ
37. ࢀߟࢿྉ w IUUQTEFWFMPQFSBQQMFDPNWJEFPTQMBZXXED
    w IUUQTEFWFMPQFSBQQMFDPNEPDVNFOUBUJPODIBSUTDSFBUJOHBEBUB WJTVBMJ[BUJPOEBTICPBSEXJUITXJGUDIBSUT
    w IUUQTRJJUBDPNZBNBLFOUPDJUFNTBECDBG