GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → fsx950223 → chartjs-web-components

fsx950223 / chartjs-web-components

Licence: MIT license
the web components for chartjs

Programming Languages

typescript
32286 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

reactvuewebcomponentschartjslit-element

Projects that are alternatives of or similar to chartjs-web-components

rollup-plugin-lit-css
Moved to https://github.com/bennypowers/lit-css
Stars: ✭ 35 (-30%)
Mutual labels:  webcomponents, lit-element
redux-connect-element
Redux HTMLElement Connector
Stars: ✭ 16 (-68%)
Mutual labels:  webcomponents, lit-element
lit-components
Moved to https://github.com/vaadin/component-mixins
Stars: ✭ 59 (+18%)
Mutual labels:  webcomponents, lit-element
polymerx-cli
⚡ Unlock the power of Polymer 3, Web Components and modern web tools.
Stars: ✭ 30 (-40%)
Mutual labels:  webcomponents, lit-element
pattern-library
AXA CH UI component library. Please share, comment, create issues and work with us!
Stars: ✭ 103 (+106%)
Mutual labels:  webcomponents, lit-element
Wired Elements
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
Stars: ✭ 8,848 (+17596%)
Mutual labels:  webcomponents, lit-element
highcharts-webcomponent
Highcharts Web Component usable with any Framework
Stars: ✭ 21 (-58%)
Mutual labels:  webcomponents, lit-element
api-viewer-element
API documentation and live playground for Web Components. Based on Custom Elements Manifest format
Stars: ✭ 222 (+344%)
Mutual labels:  webcomponents, lit-element
create-evergreen-app
Get up and running with an evergreen web application development stack designed by, and for, today's modern web.
Stars: ✭ 16 (-68%)
Mutual labels:  webcomponents, lit-element
chartjs-chart-timeline
Google-like timeline chart for Chart.js.
Stars: ✭ 44 (-12%)
Mutual labels:  chartjs
scheduler-component
A Web Component wrapper for FullCalendar library that uses Polymer version 2.0 and ES6.
Stars: ✭ 24 (-52%)
Mutual labels:  webcomponents
competiwatch-desktop
Desktop app built in Electron for tracking your competitive match history in Overwatch.
Stars: ✭ 94 (+88%)
Mutual labels:  chartjs
phpchartjs
A PHP library that makes it easy to generate data for ChartJS.
Stars: ✭ 24 (-52%)
Mutual labels:  chartjs
file-fire
Simple way to upload and download files from Firebase Storage.
Stars: ✭ 13 (-74%)
Mutual labels:  webcomponents
Chart.js-Rounded-Bar-Charts
Rounded Rectangles in Bar Charts
Stars: ✭ 48 (-4%)
Mutual labels:  chartjs
lego
🚀 Web-components made lightweight & Future-Proof.
Stars: ✭ 69 (+38%)
Mutual labels:  webcomponents
plastic-bag
An open source library to work with micro frontends.
Stars: ✭ 22 (-56%)
Mutual labels:  webcomponents
event-driven-web-components-realworld-example-app
Exemplary real world application built with Vanilla JS Web Components in an Event Driven Architecture
Stars: ✭ 55 (+10%)
Mutual labels:  webcomponents
hackernews-example
An NX Hacker News clone with real-time updates and animations.
Stars: ✭ 56 (+12%)
Mutual labels:  webcomponents
PiFire
PiFire is a Smart WiFi enabled controller for your pellet smoker / grill.
Stars: ✭ 41 (-18%)
Mutual labels:  chartjs
View All Similar Projects ➔

Chartjs Web Components

The web components for chart.js which is built on lit-element

Live Demo

https://fsx950223.github.io/chartjs-web-components/live-demo/

Install

npm i chartjs-web-components

Lit-Element Usage

<base-chart id="chart" type="chartType" .data="${chartData}" .options="${chartOptions}"></base-chart>
import 'chartjs-web-components'

Vue Example

<base-chart id="chart" type="chartType" :data="data" :options="options"></base-chart>
import VueChartjs from 'chartjs-web-components/dist/vue.js'

React Example

import ReactChartjs from 'chartjs-web-components/dist/react.js'
<ReactChartjs data={data} type={type} options={options}/>

Demo

npm run start
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].