CoreGraphicsGraph
Draw a line graph with CoreGraphics in Swift. This code is intended to be an example of how you could use CoreGraphics to draw graphs and other similar UI elements.
Install / Use
/learn @tmdvs/CoreGraphicsGraphREADME
CoreGraphicsGraph
Draw a line graph with CGPath and Swift. This is really just the result of playing with Swift, and so I can't garuntee the code is production ready, or even very good.
// GraphView.swift example usage
let myData = [
["Mon" : 15],
["Tues" : 30],
["Weds" : 7],
["Thurs" : 60],
["Fri" : 30],
["Sat" : 15],
["Sun" : 45]
]
let graph = GraphView(frame: CGRect(x: 50, y: 50, width: 420, height: 200), data: myData)
self.view.addSubview(graph)
Graph customisation options
There isn't really that many. The GraphView has a style property, the value of which is a GraphStyle struct which can be overriden.
struct GraphStyle {
struct labels {
var font = UIFont.systemFont(ofSize: 10)
var color = UIColor.black
}
struct colors {
var xAxis = UIColor.black
var yAxis = UIColor.black
var lines = UIColor.lightGray
var graph = UIColor.black
}
var colors = colors()
var labels = labels()
var showLines = true
var showPoints = true
var xMargin : CGFloat = 20
}
Related Skills
node-connect
347.6kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
108.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
347.6kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
347.6kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
