boxplot 1.0.5
boxplot: ^1.0.5 copied to clipboard

A Canvas based boxplot library for Dart Web projects. The component draws a box plot on a Canvas with a predefined min, q1, q2, q3, and max where q1 and q3 are the first and the third quartiles and q2

Dart CI

A Boxplot library for Dart developers.

Created by Matletik - Mathematical Manipulatives and Interactive Learning Tools

http://www.matletik.com

Developer Web Site

Source Code

Screenshot

Usage #

A simple usage example:

import 'dart:html';
import 'package:boxplot/box_plot.dart';

void main() {
  DivElement mydiv = querySelector("#mydiv");
  BoxPlot boxplot = new BoxPlot(500, 200);
  boxplot.setQuantiles(0, 30, 60, 86, 100);
  mydiv.append(boxplot.getDrawableComponent());


  RangeInputElement myrange = querySelector("#myrange");
  myrange.onInput.listen((event) {
    boxplot.setValue(double.parse(myrange.value));
    boxplot.drawComponent();
  });
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Matletik Boxplot for Dart - Example</title>
    <script src = "boxplot_example.dart.js"></script>

    <style>
        div{
            background-color: rgba(255, 255, 255, 0.35);
            font-size: 16px;
            margin: 0 auto;
            valign: middle;
            text-align: center;
        }
        input[type=range]{
            width: 100%;
        }
    </style>
</head>
<body>
<fieldset>
    <caption>Value on the boxplot</caption>
    <input type="range" min="0" max="100" value="65" id="myrange"/>
</fieldset>
<br/>
<div id="mydiv"></div>
</body>
</html>

Features and bugs #

Please file feature requests and bugs at the issue tracker.

1
likes
75
pub points
1%
popularity

A Canvas based boxplot library for Dart Web projects. The component draws a box plot on a Canvas with a predefined min, q1, q2, q3, and max where q1 and q3 are the first and the third quartiles and q2 is the median, respectively.

Homepage

Documentation

API reference

License

LGPL 3.0 (LICENSE)

More

Packages that depend on boxplot