https://github.com/frankdilo/fdgraphview

The simplest way to draw graphs representing data.
https://github.com/frankdilo/fdgraphview

Last synced: about 1 year ago
JSON representation

The simplest way to draw graphs representing data.

• Host: GitHub
• URL: https://github.com/frankdilo/fdgraphview
• Owner: frankdilo
• Archived: true
• Created: 2013-03-15T21:27:18.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2015-11-07T10:43:04.000Z (over 10 years ago)
• Last Synced: 2025-03-03T23:51:27.151Z (over 1 year ago)
• Language: Objective-C
• Size: 206 KB
• Stars: 82
• Watchers: 9
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# FDGraphView

`FDGraphView` is an UIView subclass I created for [Libretto](http://frankdilo.xyz/apps/libretto). It was built using the CoreGraphics’ APIs.

## Usage

### FDGraphView

Add `FDGraphView.{h,m}` to your project, import the header where you want to use this component and here you go:

    FDGraphView *graphView = [[FDGraphView alloc] initWithFrame:CGRectMake(10, 130, 300, 200)];

    

    graphView.dataPoints = @[@1, @2, @5, @12, @30, @100];

    

    [self.view addSubview:graphView];

![](sample.png)

A few style-related options are available, look in the header file.

    // Style

    @property (nonatomic) UIEdgeInsets edgeInsets;

    @property (nonatomic) CGFloat dataPointsXoffset;

    // -- colors

    @property (nonatomic, strong) UIColor *dataPointColor;

    @property (nonatomic, strong) UIColor *dataPointStrokeColor;

    @property (nonatomic, strong) UIColor *linesColor;

### FDGraphScrollView

This is a subclass of `UIScrollView` that serves as a wrapper around `FDGraphView`.

Add `FDGraphScrollView.{h,m}` to your project, import the header where you want to use the component:

    FDGraphScrollView *scrollView = [[FDGraphScrollView alloc] initWithFrame:CGRectMake(10, 130, 300, 200)];

    

    // data

    scrollView.dataPoints = @[@1, @2, @5, @12, @30, @100, @123, @44];

    

    [self.view addSubview:scrollView];

This is the result:

![](sample2.png)

## TODO

If you want to help here are some ideas:

- [ ] Add more styling options

- [x] Create an UIScrollView wrapper to display larger data sets

## LICENSE

MIT: use it however you want.