Giter Club home page Giter Club logo

oscilloscope's Introduction

oscilloscope widget package for Flutter

Oscilloscope is a graphical display similar to the trace on an oscilloscope that will display values as it scrolls across the screen. The widget uses a List as the source of the data to display and will scale the information to fit the display. Take a look at the example to see how it can be used.

Each time a value is added to the dataset another point is plotted on the trace, this trace will extends from left to right across the screen until it reaches the end. At this point the trace will then scroll to show new values.

The display can be customised using the following values:

  • backgroundColor - the default is Colors.black
  • traceColor - the default color is Colors.white
  • margin - the default is EdgeInsets.all(10.0)
  • strokeWidth - the default width is 2.0
  • showYAxis - show or hide a line representing the 0 yAxis (default is false)
  • yAxisColor - if the yAxis is set for display it will show in this color (default is Colors.white)

The other settings are

  • dataSet - this is the data that is used to generate the trace
  • yAxisMin - an indicator to define the minimum value found in the dataSet (default 0.0)
  • yAxisMax - an indicator to define the maximum value found in the dataSet (default 1.0)

yAxisMin and yAxisMax are used by the widget to determine the scaling factor so all data values are displayed. These values can be altered to modify the data display scale.

Getting Started

For package install see here.

For help getting started with Flutter, view the online documentation.

oscilloscope's People

Contributors

enzo-santos avatar magnatronus avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

oscilloscope's Issues

Clearing graph for next dateset values

I am using this to plot values received from a BLE device and its fast compared to the other graphing library I have tried. Question is how do you clear the graph for next dataset? With the previous library I have used I just clear the values array and it automatically clears the graph. TIA

history scroll

HI there !

Out of everything I've seen, this is the simplest and clearest implementation of an oscilloscope library in Flutter ! I'm really impressed out how clear and easy it is !

What would you suggest if you wanted to to scroll through the datapoints, see the history?

Less measure points on xAxis

Hi, is it posssible to resize the chart by scaling the xAxis. I mean e.g now i will get 1000 measurments on one screen without scrolling the trace and i want 10 times less.

Is it possible? Thanks in advice!

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.