3D chart visualization with Swift Charts using Chart3D, SurfacePlot, interactive pose control, and surface styling — plus a 2D Swift Charts construction reference (marks, axes, selection, SectorMark, scrollable charts).
SkillScore96Maintained
Automatic
◆Frontend / UI pack
Last verified 8/18/2026
What it changes
Passed 22 of 23 test cases with the skill, and 9 of 23 without it.
Without skill39%
With skill96%
Checks it passed that the model alone missed
Applies symbol(by:) to the line mark
Includes import Charts at top of file
Applies the roughness modifier to SurfacePlot
and 18 more in the full report
14 fixed8 passed either way0 still failing1 broke
Pass-rate lift
+57 pp
Tokens
+148%
Agent turns
0%
Response time
-52%
Model gemini-3.6-flashMeasured 8/18/2026v122 of 23 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 14 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 14
Prompt
When setting up a 3D surface plot in SwiftUI, I want to explicitly delegate camera projection mode selection to the system default behavior. Which modifier call achieves this?
What was checked, without and with the skill
Checked
Without skill
With skill
Applies chart3DCameraProjection with automatic mode
Missed
Passed
case-10 · gemini-3.6-flash · 8/18/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md613 linessingle file
3D Charts with Swift Charts
Create 3D data visualizations using Chart3D and SurfacePlot. Covers math-driven surfaces, data-driven surfaces, interactive camera pose control, surface styling, and camera projection modes.
When This Skill Activates
Use this skill when the user:
Wants to create a 3D chart or 3D data visualization
Asks about Chart3D, SurfacePlot, or 3D surface plots
Needs to visualize a mathematical function as a 3D surface
Wants interactive drag-to-rotate on a 3D chart
Asks about 3D chart camera angles, pose, or projection
Needs to style 3D surfaces with gradients or height-based coloring
Wants to render multiple surfaces in a single 3D chart
Asks about data-driven 3D plots from an array of points
Needs the 2D Swift Charts API layer: marks, axes, series styling, selection, SectorMark pies/donuts, or scrollable charts
Decision Tree
What 3D chart feature do you need?
|
+-- Visualize a math function f(x, y) -> z
| +-- Use SurfacePlot(x:y:z:function:)
|
+-- Visualize data points as a surface
| +-- Use Chart3D(data) { point in SurfacePlot(...) }
|
+-- Interactive drag-to-rotate
| +-- Bind pose: .chart3DPose($pose) with @State var pose: Chart3DPose
|
+-- Fixed viewing angle (no interaction)
| +-- Read-only pose: .chart3DPose(Chart3DPose.front) or custom
|
+-- Style the surface color
| +-- Solid color -> .foregroundStyle(Color.blue)
| +-- Gradient -> .foregroundStyle(LinearGradient(...))
| +-- Height-based -> .foregroundStyle(.heightBased(gradient, yRange:))
| +-- Normal-based -> .foregroundStyle(.normalBased)
|