vue.charts.css

Vue JS wrapper for Charts CSS
1,974 15
vue vuejs html vue.js charts vue 3 css scss chart vue charts sass ui-component vue js css-framework vue charts css vue.charts.css
Install
npm install vue.charts.css
Latest Version:2.0.1
Vue:3
Older releases:2
License:MIT
Last Updated:May 13, 2022
Links: GitHub  ·  npm
Maintainer: mrspence

Vue Charts.CSS

Visualization helps end-users understand data. Vue Charts.CSS helps frontend developers turn data into beautiful interactive charts and graphs using the powerful Charts.CSS framework.

Version Size Size GZIP Size Brotli

Get Started | Learn more | Docs

Dependencies

Need Vue 2 support?

Vue Charts CSS is built for Vue 3, however you can still use the Vue 2 supported version of Vue Charts CSS by locking to the 1.x.x versions of the package.

Make sure your package.json file has the following:

"dependencies": {
  "vue.charts.css": "^1.0.1"
}

Vue 2 is supported under the vue2 branch and 1.x.x versions of the package. However, it is highly recommended upgrading to Vue 3 for long-term support.

Install

View Install Guide.

With Package Managers

NPM

npm install vue.charts.css

Yarn

yarn add vue.charts.css

Documentation

Read Guides & Documentation.

<charts-css
    heading="Team's Coffee Count"
    type="bar"
    :labels="['Mon', 'Tue', 'Wed']"
    :datasets="datasets"
/>

<script>
    export default {
        data()
        {
            return {
                datasets: [
                    {
                        name: "Ben",
                        values: [2, 4, 3],
                    },
                    {
                        name: "Josie",
                        values: [7, 6, 3, 4],
                    },
                    {
                        name: "Tim",
                        values: [12, 278, 0, 0],
                    },
                ],
            };
        },
    }
</script>

License

Vue Charts.CSS and Charts.CSS are licensed under the MIT license.

Vue Charts.CSS is not affiliated with the creators of Charts.CSS.

Related Packages

bonescss

SCSS/CSS starting-point for every project. Mixes smacss namespaced h5bp things w...

1,073 15
css css-framework sass scss bootstrap css-utilities
postcss-html

PostCSS syntax for parsing HTML (and HTML-like)

90,051,440 34
css html sass scss vue less php postcss quickapp sss +2
vuetify-scss

All of the Vuetify styles converted into Sass. No more Stylus!

12,466 61
css sass scss vue vuetify
the-themex-project

Themex aims to prevent a blank screen in your IDE and serves as a solid foundati...

7,230 18
css html vue.js javascript react
vue-chartmaker

A Vue.JS Component for creating Charts in HTML and CSS

634
chart css html vue vuejs

Version History

Version Released Vue License
2.0.1 ^3.1.0 MIT
2.0.0 ^3.1.0 MIT
1.0.4 ^2.6.14 MIT
1.0.3 ^2.6.14 MIT
1.0.2 ^2.6.12 MIT