https://github.com/collaborne/d3-progress-meter

Web component providing a D3 based progress meter (Polymer 1.x)
https://github.com/collaborne/d3-progress-meter

Last synced: 6 days ago
JSON representation

Web component providing a D3 based progress meter (Polymer 1.x)

• Host: GitHub
• URL: https://github.com/collaborne/d3-progress-meter
• Owner: Collaborne
• License: apache-2.0
• Created: 2015-09-12T21:40:25.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-11-21T13:28:21.000Z (about 6 years ago)
• Last Synced: 2024-04-25T12:02:37.012Z (8 months ago)
• Language: HTML
• Homepage: https://www.webcomponents.org/element/Collaborne/d3-progress-meter
• Size: 852 KB
• Stars: 15
• Watchers: 6
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
d3-progress-meter [![Bower version](https://badge.fury.io/bo/d3-progress-meter.svg)](http://badge.fury.io/bo/d3-progress-meter) [![Travis state](https://travis-ci.org/Collaborne/d3-progress-meter.svg?branch=master)](https://travis-ci.org/Collaborne/d3-progress-meter) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/Collaborne/d3-progress-meter)  

[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/Collaborned3-progress-meter)

[![Stars on vaadin.com/directory](https://img.shields.io/vaadin-directory/star/Collaborned3-progress-meter.svg)](https://vaadin.com/directory/component/Collaborned3-progress-meter)

=================

`d3-progress-meter` is an animated chart that shows the progress as a meter. The web component is built with [Polymer 1.x](https://www.polymer-project.org) and [D3](http://d3js.org).

The component has been inspired by [EK-progress-meter](https://github.com/pinkhominid/ek-progress-meter).

To use this element:

`bower install d3-progress-meter`

## Examples

```html

```

### Custom Styling

```html

    .custom {

        --progress-meter-background-color: #00FFFF;

        --progress-meter-color-low: #009999;

        --progress-meter-color-medium: #009999;

        --progress-meter-color-high: #009999;

        --progress-meter-color-current: #009999;

    }

```

## License

    This software is licensed under the Apache 2 license, quoted below.

    Copyright 2011-2015 Collaborne B.V. 

    Licensed under the Apache License, Version 2.0 (the "License"); you may not

    use this file except in compliance with the License. You may obtain a copy of

    the License at

        http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software

    distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

    WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

    License for the specific language governing permissions and limitations under

    the License.