Contact us Create app

Directory

← Back

granite-c3

A lightweight element wrapping-up C3.js, D3-based chart library

Author

Rating

Links

Popularity

<100

Published on webcomponents.org Vaadin Directory availability

granite-c3

A lightweight element wrapping-up C3.js, D3-based chart library

Based on Polymer 3.x. The legacy Polymer 2.x version is available here

Doc & demo

https://lostinbrittany.github.io/granite-c3

Usage

<granite-c3 data='{"x": "x", "columns": [["x", "2013-01-01", "2013-01-02", "2013-01-03", "2013-01-04", "2013-01-05", "2013-01-06"],["data1", 30, 200, 100, null, 150, 250],["data2",130, 340, 200, null, 200, 350]],"type": "step"}' axis='{ "x": {"type": "timeseries", "tick": { "format": "%Y-%m-%d"} } }'></granite-c3>

Install

Install the component using Bower:

$ bower install LostInBrittany/granite-c3 --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill (if needed):

    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>

  2. Import Custom Element:

    <link rel="import" href="bower_components/granite-c3/granite-c3.html">

  3. Start using it!

    <granite-c3 data="{{data}}" axis="{{axis}}"></granite-c3>

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT License

Compatibility

(Loading compatibility data...)

Last updated: 2017-12-06

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

  • @granite-elements/granite-external-dependencies#^1.0.5
  • @granite-elements/granite-js-dependencies-grabber#^2.0.3
  • @polymer/lit-element#^0.5.1
  • @polymer/polymer#^3.0.0
  • c3#^0.6.1
Released
2018-08-24
Maturity
IMPORTED
License
MIT License

Compatibility

Framework
Polymer 3.0+
Polymer 2.0+ in 2.2.3
Polymer 1.0+ in 1.1.1
Browser
Browser Independent

granite-c3 - Vaadin Add-on Directory

A lightweight element wrapping-up C3.js, D3-based chart library granite-c3 - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/LostInBrittany/granite-c3) ![Vaadin Directory availability](https://img.shields.io/badge/Vaadin%20Directory-available-green.svg?style=flat-square&colorB=00b4f0&link=https://vaadin.com/directory) # granite-c3 A lightweight element wrapping-up [C3.js](http://c3js.org/), D3-based chart library > Based on Polymer 3.x. > The legacy Polymer 2.x version is available [here](https://www.webcomponents.org/element/LostInBrittany/granite-c3/) ## Doc & demo [https://lostinbrittany.github.io/granite-c3](https://lostinbrittany.github.io/granite-c3) ## Usage ```html ``` ## Install Install the component using [Bower](http://bower.io/): ```sh $ bower install LostInBrittany/granite-c3 --save ``` Or [download as ZIP](https://github.com/LostInBrittany/granite-c3/archive/gh-pages.zip). ## Usage 1. Import Web Components' polyfill (if needed): ```html ``` 2. Import Custom Element: ```html ``` 3. Start using it! ```html ``` ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## License [MIT License](http://opensource.org/licenses/MIT)
Online Demo
View on GitHub
Documentation
GitHub Homepage
Issue tracker
View on NPM

granite-c3 version 1.0.0
### Dependencies * polymer#Polymer/polymer#^1.5.0 * c3#^0.4.11 * d3#^3.5.17

granite-c3 version 1.1.0
### Dependencies * polymer#Polymer/polymer#^1.5.0 * c3#^0.4.11 * d3#^3.5.17

granite-c3 version 1.1.1
### Dependencies * polymer#Polymer/polymer#^1.5.0 * c3#^0.4.11 * d3#^3.5.17

granite-c3 version 1.2.0
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * c3#^0.4.11 * d3#^3.5.17

granite-c3 version 2.0.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.0.0

granite-c3 version 2.0.1
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.0.2
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.1.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.1.1
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.2.0
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.2.1
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.2.2
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 2.2.3
### Dependencies * polymer#Polymer/polymer#^2.0.0 * c3#^0.4.11 * d3#^3.5.17 * granite-js-dependencies-grabber#LostInBrittany/granite-js-dependencies-grabber#^1.1.0

granite-c3 version 3.0.0
### Dependencies * @granite-elements/granite-js-dependencies-grabber#^2.0.1 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.0.1
### Dependencies * @granite-elements/granite-js-dependencies-grabber#^2.0.1 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.0.2
### Dependencies * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.0
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.0 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.1
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.1 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.2
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.2 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.3
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.2 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.4
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.3 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.5
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.4 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.1.6
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.5 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

granite-c3 version 3.2.0
### Dependencies * @granite-elements/granite-external-dependencies#^1.0.5 * @granite-elements/granite-js-dependencies-grabber#^2.0.3 * @polymer/lit-element#^0.5.1 * @polymer/polymer#^3.0.0 * c3#^0.6.1

Online