Code Monkey home page Code Monkey logo

swiftchartexamples's Introduction

Swift Charts Examples

An overview of the different types of charts you can make with Swift Charts

image

Let's start by recreating the different chart examples that Apple gave in these session screenshots.

Included Charts

  • Basis project setup
  • Simple Line chart
  • Line chart with lollipop
  • Simple Bar chart
  • Simple dual bar chart
  • Range Chart
  • Pyramid Chart
  • Area Chart
  • Range with Max and Min Chart
  • One dimensional bar
  • Heatmap Block Chart

Todo

  • Heartbeat Chart
  • Cumulative line Chart
  • Heartbeat range Chart
  • Distribution line + Point Chart
  • Scatter Chart
  • Funky Gradient Chart
  • Other Charts
  • Multi-language Support
  • Make all charts accesssible

See the open issues if you think anything is missing from this list. You can also contact me on Twitter if you have any suggestions or feedback.

Chart Types

How to add a new chart

Each chart needs a preview chart as well as a detail view. The preview chart is used in the home screen of the app for easier navigation. Look at the Simple Chart Simple code to see what the format should be for the preview charts. On the detail view, make sure you add some customisation options in a separate section from the chart.

Source: https://developer.apple.com/videos/play/wwdc2022/10137/

Chart Types

Line Charts

Bar Charts

Area Charts

Other Charts

swiftchartexamples's People

Contributors

jordibruin avatar atrinh0 avatar elichartnett avatar nunogoncalves avatar panpapryk avatar theedov avatar aaronpearce avatar aoverholtzer avatar brennanmke avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.