grizzly_vizdom 0.0.3-dev

  • README.md
  • CHANGELOG.md
  • Installing
  • Versions
  • 0

VizDOM

Fluent data driven documents based selection and data-join API for HTML DOM

Examples

Selection

TBD

Transition

Control

void main() {
  final anim = new AnimationBuilder().duration(120000).fillForwards()
    ..createAt(0.0).translateX(0)
    ..createAt(1.0).translateX(1000);

  select('#root')
      .selectAll('div')
      .style('background-color', 'red')
      .transition('anim1')
      .animateWithBuilder(anim);

  querySelector('#btn-cancel').onClick.listen((_) {
    select('#root').selectAll('div').transition('anim1').cancel();
  });

  querySelector('#btn-start').onClick.listen((_) {
    select('#root')
        .selectAll('div')
        .transition('anim1')
        .animateWithBuilder(anim);
  });

  querySelector('#btn-reverse').onClick.listen((_) {
    select('#root').selectAll('div').transition('anim1').reverse();
  });

  querySelector('#btn-finish').onClick.listen((_) {
    select('#root').selectAll('div').transition('anim1').finish();
  });

  querySelector('#btn-pause').onClick.listen((_) {
    select('#root').selectAll('div').transition('anim1').pause();
  });

  querySelector('#btn-play').onClick.listen((_) {
    select('#root').selectAll('div').transition('anim1').play();
  });
}

TODO

Selection

  • [ ] Bound data must be separate for each group
  • [ ] insertBound in BoundSelection
  • [ ] Lower
  • [ ] Raise
  • [ ] forEach
  • [ ] filter
  • [ ] size
  • [ ] non-null size
  • [ ] Events

Transition

  • [ ] active
  • [ ] chain

SVG

  • [ ] svg
  • [ ] Line
  • [ ] Group

Changelog

0.0.3

  • Chained and simultaneous transitions
  • Bound transitions

0.0.2

  • cancel, play, pause, finish, reverse methods on Transition

0.0.1

  • Initial version, created by Stagehand

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  grizzly_vizdom: ^0.0.3-dev

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:grizzly_vizdom/grizzly_vizdom.dart';
  
Version Uploaded Documentation Archive
0.0.3-dev Aug 28, 2017 Go to the documentation of grizzly_vizdom 0.0.3-dev Download grizzly_vizdom 0.0.3-dev archive
0.0.2-dev Aug 27, 2017 Go to the documentation of grizzly_vizdom 0.0.2-dev Download grizzly_vizdom 0.0.2-dev archive
0.0.1-dev Aug 26, 2017 Go to the documentation of grizzly_vizdom 0.0.1-dev Download grizzly_vizdom 0.0.1-dev archive
Popularity:
Describes how popular the package is relative to other packages. [more]
0
Health:
Code health derived from static analysis. [more]
--
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
--
Overall:
Weighted score of the above. [more]
0
Learn more about scoring.

The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.

Analysis issues and suggestions

Support Dart 2 in pubspec.yaml.

The SDK constraint in pubspec.yaml doesn't allow the Dart 2.0.0 release. For information about upgrading it to be Dart 2 compatible, please see https://www.dartlang.org/dart-2#migration.

Maintenance issues and suggestions

Running dartdoc failed. (-10 points)

Make sure dartdoc runs without any issues.

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=1.20.1 <2.0.0